JavaScript滚动条推荐

Question

我很失望无法自定义Firefox的滚动条，但现在我正在寻找替代品。以下是我发现的最好的替代品，但我想询问意见和更好的链接！

- http://manos.malihu.gr/jquery-custom-content-scroller（看起来很棒，支持内容更改） - http://baijs.nl/tinyscrollbar/（看起来不错，支持内容更改，只有100行代码等） - http://johnford.is/examples/script.aculo.us/index.html（图片示例看起来不错，支持鼠标滚轮）

这些是最好的吗？还是有其他推荐？

- TimFoolery

Answer 1

我的建议：坚持使用浏览器提供的滚动条。它们可能不会完全符合您的要求，但它们比任何JavaScript替代方案都更加稳定，与用户操作系统中其他应用程序中的滚动条保持一致，并且在JavaScript被关闭时也能正常工作。您现在可以避免额外的开发工作量，并在以后避免维护工作。

- Tim Down

---

我希望不使用JavaScript来实现，但是当我将类似于此链接中所示的LCD类型图形( http://s3.envato.com/files/384147.jpg, 但改成正方形而不是椭圆形 ) 应用到我的新皮肤/主题 (http://www.solarcoordinates.com/demo/newthemedemo.png) 的内容div/menu上时，标准滚动条可能会显得非常不协调。 - TimFoolery

如果可以的话，我真的非常讨厌网站提供自定义滚动条。看看't Hoogt的网站：我喜欢他们的电影，但每次我都要找滚动条在哪里。不要让我思考！ - Marcel Korpel

@Marcel 抱歉，但那个背景太糟糕了。把自己和宝宝放在背景上没有问题，但需要低调一些。我认为，高度混乱的颜色对比会让几乎任何人都头痛，但左侧的小滚动条还好。 - TimFoolery

这并没有回答问题。此外，一些漂亮而流畅的网站使用js滚动条。 - Samuel Rossille

@SamuelRossille：我认为这个问题要求推荐，而这也是我给出的答案。但我理解你的观点。不过，我仍然坚持我的建议，特别是现在触摸设备如此普及：除非有极好的理由使用JS滚动条代替本地滚动条，并且需要一个极好的实现。感谢您花时间解释您的负评。 - Tim Down

Answer 2

你提供的第一个链接里的内容非常好用和实用。

至于滚动方面，我觉得如果你不是Picasso, 就没有太多可以做的了。我建议使用第一个链接。

- Oralet

---

这应该是一条注释，而不是答案。 - Iharob Al Asimi

Answer 3

我喜欢使用Tiny Scrollbar来实现极简设计，而对于更定制化的用例，我会使用jQuery custom content scroller

- Brett VanderVeen

Answer 4

我推荐这个jQuery自定义滚动条插件：

https://github.com/mzubala/jquery-custom-scrollbar

特点包括：

• 垂直和水平滚动条，您可以自定义样式
• 通过鼠标拖动、鼠标滚轮、键盘进行滚动-就像使用本机浏览器滚动条一样
• 在移动设备上触摸滚动（Android、iPhone 和 iPad）
• 几个预定义的皮肤，展示如何样式化滚动条
• 简单的 API，让您以编程方式滚动并收到有关滚动事件的通知

- mattie