jquery - 使用 jQuery 在 CSS 中设置水平滚动条样式

Question

我一直在四处寻找可以实现自定义样式的水平滚动条的东西。我发现有两件事似乎可以做到，但都非常复杂且规模庞大，对我来说都有问题。

首先，FleXcroll 充满了错误，出于某种原因对我来说效果不是很好。 其次，tonylea 水平滚动条，这需要将元素包裹在 UL 和 LI 中，其中它需要应用的系统是嵌套的 div，兄弟 div 包含每个需要滚动的元素。

有没有人知道如何在没有大量 jQuery 插件的情况下设置滚动条的样式？

是否有任何简单的编译插件足够灵活以处理不同的 HTML 结构？

谢谢。

Answer 1

一个是nanoscroll

$(selector).nanoScroller();

还有一个是slimscroll

//for SlimScroll
$(selector).slimScroll({
  width: '300px',
  height: '500px',
  size: '10px',
  position: 'left'
});