jQuery jScrollPane自定义样式

时间:2012-11-01 18:31:09

标签: jquery scrollbar jscrollpane

所以,我一直试图让jScrollPane工作而不能。我觉得自己有点白痴。我见过的网站和一些小提琴让它看起来很简单。但是,我的代码根本不会改变滚动条的样式。

我添加了脚本(总共有三个,主要的一个和两个鼠标滚轮)和css,仍然没有去。

所以我找到了以下小提琴:http://jsfiddle.net/2nPXf/34/

(寻找相同的,但也许保持正常的宽度)

我尝试使用我的代码:http://jsfiddle.net/6tUMk/4/

看起来下面的脚本就是你应该用来触发的东西(我创建了一个单独的脚本文件,只保留了下载的脚本):

$(function()
{
    $('.scrollpane').jScrollPane();
});

所以,我已经在滚动条中添加了滚动窗格,但没有一个额外的样式像我在链接的第一个小提琴中那样保持不变。

我查看了一些jScrollPane演示中的HTML,我看到使用了很多其他类,jspScrollable,jspContainer等。但是,通过查看jScrollPane网站中的工作小提琴和文档,看起来如果您正确设置了脚本,那么在.jScrollPane()脚本中触发的任何元素(在我的情况下,.scrollpane)都应该可以使它工作。但我想我错过了什么?

那么,这是如何工作的?我在这里缺少什么?

1 个答案:

答案 0 :(得分:-1)

您忘记将外部链接添加到jquery.jscrollpane.cssjquery.jscrollpane.min.js,(选项)jquery.mousewheel.js

Fiddle

P.S。将内容放在<p></p>中以使其看起来更加明显。