带有jQuery的狮子般的滚动条？

Question

有没有人知道为每个浏览器制作Mac OS X Lion风格滚动条的jQuery插件？

提前致谢。

编辑：以下是Windows用户的图片

Answer 1

有趣的东西，我写了一个插件就是这么做的。它被称为LionBars。

Answer 2

Antiscroll 可能是最佳插件之一，可在每个浏览器中重新创建Mac OS X Lion滚动条。

Antiscroll 的一些精彩功能：

1. 淡入淡出
2. 可以动态调整容器的大小，并且滚动条将适应
3. 原生支持鼠标滚轮，触控板和其他输入设备
4. 在悬停时显示滚动条
5. 支持 IE7 +，Firefox 3 +，Chrome，Safari，Opera



演示：http://automattic.github.io/antiscroll/

Answer 3

nanoScroller.js是一个用Coffeescript编码的jQuery插件，它可以完成它的工作：http://jamesflorentino.github.com/nanoScrollerJS/

Answer 4

scrollpane Jquery插件是你最接近的。

请参阅lozenge演示。

为了使它更像Lion，您可以将其自定义为仅在轨道div悬停时显示栏并确保您使用animateEase功能。

哦，为了额外的苹果善良改变滚动的方向所以向下和向上是向下的： - ）

Answer 5

Lion发布的那天，我非常喜欢操作系统中的滚动条。浏览器已经有一个光滑的默认滚动条，但我想到了他们的Windows用户;）。

它仍在建设中，但它可能会帮助你：OSX Scroll

基于tinyscrollbar，但我做了一些调整。您可以启用自动隐藏（就像在操作系统中一样）。只需查看源文件即可。

希望它有所帮助。

Answer 6

这是一个老问题..但也许有人仍对我的版本感兴趣：

来源： https://github.com/pixelass/customScrollBar

示例： http://pixelass.github.io/customScrollBar/

这个插件实际上比antiscroll或nicescroll等更精确地复制滚动条。

该插件允许完全控制滚动条（目前只是垂直），不需要mousewheel.js（大多数插件都可以） 删除此依赖项是我的版本的主要目标。

它还会侦听滚动事件（如反垃圾卷一样）。 滚动条上的淡入和悬停调整大小在我找到的所有其他插件上都丢失了。我的版本包含一个示例，说明如何实现此效果。

有可选的（伪）事件监听器“scrollEnded”“clicked”，当用户的滚动结束或点击滚动条拇指时会触发它。

此插件还允许几乎任何可以想象的样式和滚动条设置，如点击箭头（上下箭头）。

α

这仍然是alpha（发布时间），但随着时间的推移，开发将继续。

Answer 7

使用我的插件：scrollYou

它使用一种简单的方法在自己的元素内部进行滚动。因此，您不必添加更多元素以使其滚动。

Answer 8

jScrollPane加上一点修改就可以了。

This是关于它的教程。

Answer 9

nanoscroller或nicescroller是平滑滚动的更好选择。

Answer 10

This一个像Mac上那样的滚动条，安装起来非常简单。您基本上可以使用css来应用任何你喜欢的皮肤。