使用jQuery插件替换默认滚动条

Question

我想使用名为THIS的jQuery插件替换我的网站的默认滚动条（特别是TinyScrollbar页面）。但是，出于某种原因，我在页面上收到以下错误：

jquery.tinyscrollbar.min.js:1Uncaught TypeError: Cannot read property 'offsetHeight' of undefined

您可以通过检查Chrome中的元素来查看此错误。

可能有人想知道为什么会出现这种错误？我用来初始化插件的代码如下所示：

$('#full-height-template-container').tinyscrollbar();   

Answer 1

问题是你没有使用插件，因为你应该使用它。

使用tinescrollbar源文件的错误（在firefox firebug中）显示：oViewport.obj[0]为undefined。 如果您在源代码中查看几行，您可以看到oViewport的属性obj定义为：$('.viewport', root)。在这里，root是你的容器。显然它没有找到类.viewport的html元素。您的页面不包含具有此类的html元素！

如果您查看tinyscrollbar的website，您可以在“如何”部分中看到如何为插件构建正确的HTML。

您可以使用的更简单（类似的插件）是jScrollPane。不需要像tiniscrollbar那样设置HTML。

Answer 2

Tiny Scrollbar网站没有提到JS库中有硬编码的类名。您可以通过扩展库来接受各个必需的html元素的类名来更改此设置。