更改我的网站的滚动条div样式

Question

我希望我的div风格的滚动条风格类似于iPhone或新的finder osx Lion。它必须与所有浏览器兼容。有可能吗？

Answer 1

实际上，有一些方法可以改变webkit浏览器中滚动条的外观，但在只有CSS的http://css-tricks.com/9130-custom-scrollbars-in-webkit/的情况下，目前还不能将滚动条的样式设置为具有统一的跨浏览器外观。您将不得不求助于jQuery来完成此操作http://www.net-kit.com/jquery-custom-scrollbar-plugins/

Answer 2

您可以使用jQuery设置滚动条的样式。

http://www.net-kit.com/jquery-custom-scrollbar-plugins/

我认为，该列表中的#3类似于iPhone滚动条。可能需要稍加修改。

Answer 3

据我所知，仅使用CSS更改滚动条外观是一个仅在IE中支持的功能。然而，有一些涉及脚本(使用jQuery plugins)的选项可以做到这一点。