如何使用 css 或 jquery 更改浏览器的默认滚动条

Question

如何用默认浏览器的滚动条替换自定义样式的滚动条（我可以使用 webkit 在 chrome 中更改）

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
    background-color: #CFCFCF
}
::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5
}
::-webkit-scrollbar-thumb {
    background-color: #2C3E50
}

但我也想在 mozilla firefox 中更改.. 请帮助我

Answer 1

使用jQuery

试试这个插件：jscrollpane

使用CSS

没有 Firefox (Gecko) 等同于 ::-webkit-scrollbar

你必须坚持 jQuery。

很多人都喜欢这个功能，请参阅：https://bugzilla.mozilla.org/show_bug.cgi?id=77790

此报告要求的 与您要求的完全相同：https://bugzilla.mozilla.org/show_bug.cgi?id=547260

来源答案：Custom CSS Scrollbar for Firefox

Answer 2

使用 CSS 您只能设置 webkit 滚动条的样式。

如果您想要跨浏览器解决方案，您可以使用以下插件：

http://jscrollpane.kelvinluck.com/

或者您可以从下面给出的列表中选择任何一个 link:

http://www.sitepoint.com/10-jquery-custom-scrollbar-plugins/

如何使用 css 或 jquery 更改浏览器的默认滚动条

how to change browsers default scrollbar using css or jquery

html

css

jquery

scrollbar

使用jQuery

使用CSS