6

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

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

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

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

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

2 回答 2

19

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

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

如果您查看 tinyscrollbar 的网站,您可以在“如何”部分看到如何构建正确的 HTML 以使插件正常工作。

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

于 2012-04-16T18:35:07.353 回答
0

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

于 2013-02-11T01:11:10.277 回答