如何通过javascript或css更改滚动条样式或隐藏浏览器中的滚动条？

Question

有没有办法更改默认滚动条样式？或隐藏滚动条并启用滚动？

Answer 1

隐藏

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; 

}

Answer 2

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

我建议使用jScrollPane

它易于使用..您可以根据您的要求进行定制

还有一些其他插件也可能对您有用..您可以通过互联网搜索