用于Firefox的自定义CSS滚动条
我想用CSS定制一个滚动条。
我使用这个WebKit CSS代码，它适用于Safari和Chrome：
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track-piece {
background-color: #C2D2E4;
}
::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #0A4C95;
}
我该如何为Firefox做同样的事情？
（我知道我可以使用jQuery轻松完成，但如果可行，我宁愿用CSS来完成。）
会感谢有人的专家建议！
没有Firefox等同于::-webkit-scrollbar和朋友。
你必须坚持使用JavaScript。
很多人都喜欢这个功能，请参阅：https：//bugzilla.mozilla.org/show_bug.cgi？id = 77790
此报告要求您提出完全相同的要求：https：//bugzilla.mozilla.org/show_bug.cgi？id = 547260
它作为我所链接的第一份报告的副本而被封闭。
就JavaScript替代品而言，您可以尝试：
我想我会分享我的发现，以防有人考虑使用JQuery插件来完成这项工作。
我给了JQuery Custom Scrollbar一个去。 它非常漂亮，并且可以进行平滑滚动（具有滚动惯性），并且可以调整大量参数，但最终对我来说CPU占用太多（并且它为DOM添加了相当多的内容）。
现在我正在给Perfect Scrollbar一个去。 它简单轻便（6KB），目前它的体面操作还算不错。 它根本不是CPU密集型的（据我所知）并且对DOM增加很少。 它只有几个参数来调整（wheelSpeed和wheelPropagation），但它是我所需要的，它可以很好地处理滚动内容的更新（例如加载图像）。
PS我的确了解了JScrollPane，但@simone是正确的，现在有点过时了，并且是PITA。
我可以提供替代方案吗？
没有任何脚本，只有标准化的CSS样式和一点创意。 简短的回答 - 屏蔽现有浏览器滚动条的一部分，这意味着您保留了所有功能。
.scroll_content {
position: relative;
width: 400px;
height: 414px;
top: -17px;
padding: 20px 10px 20px 10px;
overflow-y: auto;
}
有关演示和更深入的解释，请点击此处查看...
jsfiddle.net/aj7bxtjz/1/
链接地址: http://www.djcxy.com/p/41613.html