jquery - 使用 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] is undefined。如果您查看源代码中的几行，您可以看到 oViewport 的属性 obj 定义为:$('.viewport', root)。这里的 root 是你的容器。显然它没有找到 .viewport 类的 html 元素。您的页面不包含具有此类类的 html 元素!

如果你看看tinyscrollbar的website您可以在“如何做”部分中了解如何构建正确的 HTML 以使插件正常工作。

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