使用CSS美化Chrome下的滚动条样式

justforuse

于 2017-07-10 23:16:59 发布

阅读量1.5w

点赞数

分类专栏： html/css 文章标签： chrome 滚动条美化 css

本文链接：https://blog.csdn.net/u014291497/article/details/74937783

版权

本文介绍了如何使用CSS来美化Chrome浏览器下的滚动条，包括利用伪元素进行定制，以及如何自定义滚动按钮。虽然代码仅在Chrome下有效，但提供了浏览器兼容性的参考资料，并提到了使用JS插件如iScroll和jQuery.nicescroll作为替代方案。

摘要由CSDN通过智能技术生成

浏览器原生的滚动条有时过多会影响界面美观，IE下的滚动条更是如此，有时我们需要美化一下滚动条，可以使用浏览器原生的样式，或者使用JS插件，这里介绍如何修改Chrome下的滚动条样式。

主要借助伪元素实现：

//index.html
<body>
    <div class="container">
        <p>Pellentesque habitant morbi tristique senectus...(很多文字)</p>
    </div>
</body>

//style.css
.container {

关注

专栏目录