html - 滚动条样式 - 滚动条美化




CSS滚动条宽度 (5)

你可能对jScrollPane JQuery插件感兴趣,似乎很容易使用http://jscrollpane.kelvinluck.com/

伙计们,是否可以增加放置在<body>内的<body> <div>元素上滚动条的宽度?

我不是在谈论浏览器本身的默认滚动条,这个页面以全屏模式运行,因为浏览器滚动条永远不会出现,内部<div>元素有自己的滚动条。


如果你在谈论自动出现在带overflow: scrolldiv上的滚动条overflow: scroll (或auto ),那么不,这仍然是浏览器使用普通操作系统小部件呈现的本机滚动条,而不是可以设置样式的内容(*)。

虽然您可以使用由Matt建议的可设置的div和JavaScript制作的代理替换它,但我不建议将其用于一般情况。 脚本驱动的滚动条从未与真实的操作系统滚动条完全相同,从而导致可用性和可访问性问题。

(*:除了IE着色样式,我也不会真正推荐。除了仅限IE之外,使用它们迫使IE从使用当前Windows主题的漂亮滚动条图像回退到丑陋的旧Win95风格滚动条。)



我尝试使用CSS修改滚动条的经验不是。 只有IE才能让你这样做。






css