添加滚动条答案

【问题标题】：adding scrollbars添加滚动条
【发布时间】：2012-06-25 14:39:46
【问题描述】：

我的页面有很多滚动条，给我的 UI 一种旧的感觉。它根本不适合设计。有什么改进的建议吗？有什么办法可以在所有浏览器上添加时尚的滚动条吗？大多数插件要么在 webkit 浏览器或 firefox 中工作。是否有任何插件在这两种情况下都可以使用？如果可能的话 IE 也是。

【问题讨论】：

是的，但你真的不应该改变这样的事情。滚动条、表单元素等是刻意植根于正在使用的操作系统的 UI 中的，并且只能在极不情愿的情况下进行更改。也就是说，我在客户网站上成功使用了jScrollPane。
发布一些代码，打印屏幕或其他东西
@Blazemonger 我不同意。 please check out this wonderful slider taking advantage of CSS3's "range" method, and also providing fallback to older browsers.
@Blazemonger 我会查看kelvinluck.com/assets/jquery/jScrollPane/basic.html 并给你反馈
我收到错误“$drag[0] is undefined [Break On This Error] maxY = trackHeight - $drag[0].offsetHeight;”在使用 jScrollPane 时在文件 jScrollPane.js 中.. 问题是什么？

【解决方案1】：

jQuery scrollbarpaper 插件是我的最爱。它与其他滚动条插件的不同之处在于它只是用 div 覆盖滚动条，而不是替换原生浏览器功能，从而允许您使用 css 安全地设置滚动条的样式。

【讨论】：

滚动条出现在我们创建的滚动条的后面......它的工作方式如 lelieudesign.com 网站所示......
您很可能必须添加自己的 css 才能使其看起来正确，您可以发布一个示例吗？
我从您的链接code.google.com/p/scrollbarpaper/source/browse/trunk/… 中获取了示例文件...我需要一个长度为 5px 的小滚动条...如果我使用它，可以在插件后面看到背景滚动条（原始滚动条）滚动条..
不幸的是，由于您没有替换滚动条，因此您必须将容器 div 扩展得足够宽以覆盖整个本机滚动条，但是通过足够的 css 技巧，您可以创建滚动条的错觉比实际更薄。看看我给你的例子中的css，如果你删除div.scrollbarpaper-container {background-color:white;}，你会看到他们是如何隐藏滚动的。