我希望我的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. 更改iframe滚动条样式
- 4. 更改网站滚动的网址
- 5. 如何更改此网站上的滚动条高度?
- 6. TextView的滚动条样式
- 7. 滚动条样式
- 8. 滚动时更改CSS样式的值
- 9. 网格中的滚动条
- 10. [WPF]:样式化滚动条,但ListView的滚动不受风格
- 11. 更改tkinter中滚动条的外观(使用ttk样式)
- 12. 在Delphi中使用样式的字符串网格XE2 - 滚动条不更新
- 13. 如何设置文本框的滚动条的样式以匹配网站的滚动条?
- 14. 向下滚动更改网站路线
- 15. 更改滚动条
- 16. 动态更改Telerik的网格格式
- 17. 样式滚动条css colorbox
- 18. webkit css滚动条样式
- 19. 自动更改Gnuplot中的“填充样式”或“线条样式”
- 20. 更改表格的样式和格式
- 21. 我在我的网站页面中有水平滚动条
- 22. 更改动作条通过样式
- 23. 数据表上的滚动条样式
- 24. 滚动条的样式不起作用
- 25. C# - 带滚动条样式的ProgressBar
- 26. 如何通过javascript或css更改滚动条样式或隐藏浏览器中的滚动条?
- 27. 我的网站的网址格式
- 28. 更改滚动条位置
- 29. - 更改线条样式
- 30. 为什么我的网站上显示水平滚动条?
下面是一个很好的答案,详细介绍了跨浏览器滚动条的自定义功能:http://stackoverflow.com/a/14150577/573634 – Johannes
链接无法工作了 – HABJAN