使用 jQuery 插件替换默认滚动条时出现问题

Question

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

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

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

可能有人知道为什么会发生此错误？我用来初始化插件的代码如下所示：

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

Answer 1

问题是你没有按照你应该使用它的方式使用插件。

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

如果您查看tinyscrollbar的网站，您可以在"如何"部分看到如何为插件工作构建正确的HTML。

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

Answer 2

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