javascript - FireFox 滚动条

Question

伙计们有没有办法在 Firefox 中自定义滚动条我尝试在 chrome 上使用类似的技术，但我想它只适用于 chrome，在做了一些研究后我发现没有办法在 Firefox 上自定义它由于引擎中的错误而使用此方法，因此我正在寻找一种替代且干净的方法来做到这一点

 ::-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);
    }

Answer 1

目前，通过 CSS 自定义滚动条仅适用于基于 webkit 的浏览器。

作为替代方案，我推荐 NiceScroll ，一个 jQuery 插件，允许您自定义(至少一点)每个(如果不是，至少是绝大多数)浏览器的滚动条。