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

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

这个在IE下不行 http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

【问题讨论】:

标签: javascript jquery html css


【解决方案1】:

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

示例:http://www.lelieududesign.com/en/why-le-lieu-du-design

所以参考:How do I use the jquery scrollbar paper plugin?

【讨论】:

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