Javascript FireFox滚动条
伙计们,有没有办法在Firefox中定制滚动条?我曾尝试在chrome上使用类似的技术,但我想这只适用于chrome,在做了一些研究后,我发现由于引擎中存在一个bug,无法在Firefox上使用此方法定制滚动条,所以我正在寻找一种替代的干净方法Javascript FireFox滚动条,javascript,css,firefox,Javascript,Css,Firefox,伙计们,有没有办法在Firefox中定制滚动条?我曾尝试在chrome上使用类似的技术,但我想这只适用于chrome,在做了一些研究后,我发现由于引擎中存在一个bug,无法在Firefox上使用此方法定制滚动条,所以我正在寻找一种替代的干净方法 ::-moz-scrollbar { width: 12px; } /* Track */ ::-moz-scrollbar-track { -moz-box-shadow: inset 0
::-moz-scrollbar {
width: 12px;
}
/* Track */
::-moz-scrollbar-track {
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-moz-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
::-moz-scrollbar-thumb {
-moz-border-radius: 10px;
border-radius: 10px;
background: rgb(0, 62, 132);
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-moz-scrollbar-thumb:window-inactive {
background: rgb(0, 153, 255);
}
目前,通过CSS定制滚动条只适用于基于webkit的浏览器
作为替代,我推荐一个jQuery插件,它允许您定制(至少一点)每个页面上的滚动条(如果不是,至少绝大多数)浏览器。您必须制作自己的滚动条才能获得一致的体验。是的,我想我必须使用插件,因为无法通过CSS自定义它。您仍然可以先应用它,然后检查DOM,找到与滚动条相关的部分,并在CSS中自定义它们。