div 设置滚动条大小（粗细）

最新推荐文章于 2024-05-28 19:06:27 发布

让生命变得有价值

最新推荐文章于 2024-05-28 19:06:27 发布

阅读量5.3k

点赞数 3

文章标签： css vue.js

本文链接：https://blog.csdn.net/weixin_44252186/article/details/122828026

版权

 <div class="nav" style="overflow:auto; overflow-x:hidden; ">
  
 </div>

上面我设置隐藏水平滚动条，当内容超过高度时垂直滚动条会自动显示出来。

下面是滚动条的样式，可以设置宽度和颜色。

<style scoped lang="scss">
::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}

::-webkit-scrollbar-thumb {
  background-color: #aaa;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

::-webkit-scrollbar-thumb:active {
  background-color: #aaa;
}
</style>

如果对你有帮助，谢谢你点个赞！