我希望我的div樣式的滾動條樣式類似於iPhone或新的finder osx Lion。 它必須與所有瀏覽器兼容。 這可能嗎?更改我的網站的樣式滾動條格
8
A
回答
17
實際上有很多方法可以改變webkit瀏覽器中滾動條的外觀,僅限於CSS http://css-tricks.com/9130-custom-scrollbars-in-webkit/儘管如此,目前還不可能將滾動條設置爲具有統一的跨瀏覽器外觀。您將不得不求助於jQuery來完成這項工作http://www.net-kit.com/jquery-custom-scrollbar-plugins/
0
僅使用CSS更改滾動條的使用只是一個功能,只有IE支持據我所知。然而,涉及一些腳本的選項(使用jQuery plugins)可以做到這一點。
2
您可以使用jQuery來設置滾動條的樣式。
http://www.net-kit.com/jquery-custom-scrollbar-plugins/
我認爲,#3在該列表是類似iPhone的滾動條。可能需要稍作修改。
相關問題
- 1. 更改滾動條樣式
- 2. 僅更改iframe的滾動條樣式
- 3. 如何更改滾動條樣式
- 4. 更改iframe滾動條樣式
- 5. 更改網站滾動的網址
- 6. 如何更改此網站上的滾動條高度?
- 7. TextView的滾動條樣式
- 8. WPF的滾動條樣式
- 9. 滾動條樣式
- 10. 滾動時更改CSS樣式的值
- 11. 網格中的滾動條
- 12. Kendo UI Grid:如何更改滾動條的樣式?
- 13. 如何更改CSS中的滾動條樣式?
- 14. 更改tkinter中滾動條的外觀(使用ttk樣式)
- 15. 滾動條所有瀏覽器中的樣式更改?
- 16. [WPF]:樣式化滾動條,但ListView的滾動不受風格
- 17. 在Delphi中使用樣式的字符串網格XE2 - 滾動條不更新
- 18. 如何設置文本框的滾動條的樣式以匹配網站的滾動條?
- 19. 向下滾動更改網站路線
- 20. 更改滾動網站像谷歌
- 21. 更改網站字體樣式
- 22. 更改滾動條的值
- 23. 動態更改Telerik的網格格式
- 24. 更改滾動條
- 25. 更改Mozilla和I.E中的滾動條格式,如chrome
- 26. 根據可滾動內容的樣式更改元素樣式
- 27. 向下滾動時更改樣式(javascript)
- 28. 樣式滾動條css colorbox
- 29. ListView滾動條樣式
- 30. webkit css滾動條樣式
下面是一個很好的答案,詳細介紹了跨瀏覽器滾動條的自定義功能:http://stackoverflow.com/a/14150577/573634 – Johannes
鏈接無法工作了 – HABJAN