纯css3自定义网页滚动条，浏览器统一scroll滚动条

最新推荐文章于 2024-09-08 14:30:06 发布

转载最新推荐文章于 2024-09-08 14:30:06 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zj1024/p/8831140.html

本文介绍了一种通过CSS自定义浏览器滚动条样式的方法，并验证了其在除IE和Firefox之外的浏览器上的兼容性。

::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track{
    background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, .3);
}
::-webkit-scrollbar-thumb:hover{
    background: rgba(0, 0, 0, 0.4);
}

该方法是直接修改浏览器内置滚动条样式，全局设置，测试兼容浏览器除了ie和firefox其他浏览器都可以用

转载于:https://www.cnblogs.com/zj1024/p/8831140.html