需要一个简单的自定义滚动条答案

【问题标题】：Need a simple custom scrollbar需要一个简单的自定义滚动条
【发布时间】：2011-12-24 15:29:33
【问题描述】：

我有一个 div 是 overflow-y: hidden;溢出-x：自动；并完全按照我想要的方式渲染滚动条。我已经拥有了所有的滚动功能和我想要完美的一切。现在，我要做的就是用自定义滚动条替换默认浏览器滚动条。

它需要在 PC IE7+ 和 Firefox 和 Mac Safari 中工作，所以它需要是 JavaScript 或 jQuery。我已经尝试了四种不同的插件，但由于 jQuery (1.6.2) 的版本，它们都没有工作，不能在所有必要的浏览器中工作，或者不能用于水平滚动条等。我尝试的有 jQuery UI 的滑块、jQuery 自定义滚动条、Tiny Scrollbar 和 jScrollPane。

我希望那里有一个简单的插件，但我似乎找不到它。

【问题讨论】：

jScrollPane 有什么问题？我过去曾在这些浏览器中使用过 jScrollPane。我很好奇什么不起作用以及在哪些浏览器中。
你能提供一个不起作用的例子吗？您建议的插件都已建立且功能正常（即不是测试版）并且应该可以完成工作:(
我首先选择了 jScrollPage，因为它过去对我很有效。但除非我遗漏了什么，否则它只适用于垂直滚动条。

标签： javascript jquery scrollbar

【解决方案1】：

我已经多次使用 Flexcroll，效果很好。良好的浏览器支持，它还处理移动设备的触摸事件。

滚动条的外观是由一个很容易定制的精灵来处理的。它是 17.5KB，压缩后大约为 8KB，所以当你想要的时候，没有整个库的开销是很好的。

http://www.hesido.com/web.php?page=customscrollbar

【讨论】：

漂亮，谢谢。它当然会添加大量标记，但它确实有效，这就是我现在所关心的。