如何通過javascript或css更改滾動條樣式或隱藏瀏覽器中的滾動條？

有什麼辦法可以改變默認的滾動條樣式嗎？或隱藏滾動條並啓用滾動？如何通過javascript或css更改滾動條樣式或隱藏瀏覽器中的滾動條？

2013-04-04 Gowsikan

可能重複[樣式化CSS滾動條]（http://stackoverflow.com/questions/6171460/styling-scroll-bars -with-css） – Barmar 2013-04-04 05:29:46

參見：http://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browser – Kangkan 2013-04-04 05:31:42

對於隱藏

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;

}

2013-04-04 05:37:20

您可以使用jQuery插件自定義滾動條

我建議使用jScrollPane

這是很容易使用..你可以根據您的要求定製

還有一些其他的插件也可能對你有用..你可以通過互聯網搜索

2013-04-04 05:44:06 Raghuveer

回答