使用jQuery在CSS中使用水平滚动条样式

时间:2012-05-14 11:02:35

标签: jquery html css

我一直在寻找可以实现自定义风格水平滚动条的东西。我发现了两件似乎做得很好但又非常复杂且尺寸很大的东西,对我来说都有问题。

首先,由于某种原因,FleXcroll充满了错误并且对我来说并不是很好。 第二,tonylea水平滚动条,这需要将元素包装在UL和LI中,其中需要应用的系统是嵌套的div,兄弟div包含需要滚动的每个元素。

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

是否有任何简单的编译插件足够灵活,可以使用不同的HTML结构?

感谢。

1 个答案:

答案 0 :(得分:1)

一个是nanoscroll

$(selector).nanoScroller();

还有一个是slimscroll

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