火狐滚动条

debugcn 发表于 Dev

用户8108377

伙计们有没有办法在 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);
    }

维维克

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

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。