使用css/jquery自定義垂直滾動條

Question

我有一個div爲<div id="content">，其中有一些<p>標籤。我設置div的樣式如下：

#content{ 
    height:200px; 
    overflow-y:scroll; 
} 

有沒有一種方法可以自定義滾動條。我的意思是我想改變滾動條的顏色以及它的背景。

Answer 1

沒有有效跨瀏覽器的代碼，其能夠着色的滾動條。您應該尊重正在訪問您的頁面的用戶的UI配置。

也許你想擁有完全可定製的jQuery滾動條：http://www.net-kit.com/jquery-custom-scrollbar-plugins/

Answer 2

滾動條是通過操作系統生成的，您無法控制它們。

這就是爲什麼人們使用javascript生成自定義滾動條。

有很多的小自定義你可以做的資源，只是谷歌它。

IIRC，可以只能修改IE滾動條經由東西一樣

scrollbar-3dlight-color:#ffd700; 
scrollbar-arrow-color:#ff0; 
scrollbar-base-color:#ff6347; 
scrollbar-darkshadow-color:#ffa500; 
scrollbar-face-color:#008080; 
scrollbar-highlight-color:#ff69b4; 
scrollbar-shadow-color:#f0f;