如何改变滚动条样式或隐藏滚动条在浏览器通过javascript或css

How to change scroll bar style or hide scroll bar in browser through javascript or css?

本文关键字：滚动条 浏览器 css javascript 隐藏 样式 何改变 改变      更新时间：2023-09-26

是否有办法改变默认的滚动条样式?或者隐藏滚动条并启用滚动?

For hide

body {
overflow:hidden;

}

改变chrome和safari的滚动条

::-webkit-scrollbar {
width: 12px;

} 

 ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #bebebe; 
-webkit-border-radius: 1px;
border-radius: 1px;

} 

 ::-webkit-scrollbar-thumb {
-webkit-border-radius: 1px;
border-radius: 1px;
background: #dcdcdc; 
-webkit-box-shadow: inset 0 0 6px #bebebe;

} 

::-webkit-scrollbar-thumb:window-inactive {
background: bebebe;

}

可以使用jQuery插件自定义滚动条

我建议使用jScrollPane

它很容易使用…您可以根据您的需求定制

还有一些其他的插件也可能对你有用…你可以在网上搜索

相关文章：