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

标签 jquery html css scrollbar

如何用默认浏览器的滚动条替换自定义样式的滚动条(我可以使用 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 中更改.. 请帮助我

最佳答案

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

如果你想要一个跨浏览器的解决方案,你可以使用以下插件:

http://jscrollpane.kelvinluck.com/

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

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

关于jquery - 如何使用 css 或 jquery 更改浏览器的默认滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32051126/

相关文章:

c# - 验证驾驶执照号码?

html - 如何在 IE contenteditable 元素中显示两列布局

javascript - touchSwipe jquery点击问题

css - 我可以设置 FullCalendar 时间段标签的样式吗?

javascript - 如何将标签的宽度设置为在 Canvas 上的图表上居中?

javascript - 修改通过 .load() 创建的元素的 CSS

jquery - 像选择器一样的跨浏览器 iOS

javascript - Accordion 复选框 jquery 和 html

jquery - 如何根据最长的内容宽度设置 li 的宽度

php - 评论系统无法通过 php 运行