鼠标移动上去，可以上下滚动而不出现滚动条

最新推荐文章于 2021-08-12 19:26:03 发布

weixin_33858249

最新推荐文章于 2021-08-12 19:26:03 发布

阅读量434

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/XUYIYUAN/p/9722463.html

本文介绍如何使用CSS对滚动条进行隐藏和自定义样式，通过具体代码示例展示了如何实现滚动条的视觉效果调整。

const InnerScroll = styled.div`
  width: 410px;
  height: 514px;
  color: #000000;
  font-size: 13px;
  text-align: left;
  line-height: 22px;
`
const OuterScroll = styled.div`
  position: absolute; left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  div::-webkit-scrollbar {
    display: none;
}
`
const OuterScrollTwo = styled.div`
  width: 410px;
  height: 514px;
  position: relative;
  overflow: hidden;
`