我可以修改/刪除可滾動div的滾動條嗎

是否有風格，修改或刪除可滾動html div的滾動條？我可以修改/刪除可滾動div的滾動條嗎

2011-03-16 Yarin

我相信你唯一的選擇就是用CSS去除滾動條。

#your_div { 
    overflow: hidden; 
}

滾動條本身是一個「瀏覽器的東西」，因此無法設置樣式。

編輯：如果您願意使用「假的」滾動條 - 即它們不是實際的瀏覽器滾動他們的工作「喜歡」使用Javascript/jQuery的創建的HTML元素scrollbars- - 然後您可以使用Jscrollpane。

滾動看起來令人驚訝地平滑和美觀，但我會擔心一些關於它如何在更新穎的環境中工作 - 即觸摸屏界面。

Demos of JScrollpane。

來源

2011-03-16 00:20:35

有IE只滾動條CSS樣式：

scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkshadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color

來源

2011-03-16 00:23:59

滾動條可樣式，無論是使用CSS： Scrollbar styleing with css

和/或JavaScript的： Scrollbar styleing with javascript

來源

2011-03-16 00:28:01 SimplyZ

Thanks-tho像@Peter指出的那樣，CSS樣式只適用於IE – Yarin 2011-03-16 02:36:06

10 jQuery Custom Scrollbar Plugins

來源

2011-03-16 02:06:46

@ Jeaffrey-真棒鏈接，謝謝。看起來像JQuery的路要走... – Yarin 2011-03-16 02:36:44

我可以修改/刪除可滾動div的滾動條嗎

回答

相關問題