使用jScroll样式滚动条

时间:2012-11-26 20:14:31

标签: jquery html5

我一直试图用我为朋友安装的主题为jScroll设置一些滚动条,但它已经回归

Uncaught TypeError: Cannot read property 'offsetHeight' of undefined 

我尝试了另一个名为tinyScrollbar的jQuery插件,并且它做了同样的事情。我!确定问题是什么=。我可以用CSS改变它,但它不能在Firefox中工作,这真的很烦人。任何想法为什么它不会起作用?

网址:http://spicyjentertainment.com/welcome.html

这= div =假设滚动

<div class="wrapper" id="scrl">

和CSS

#scrl {
    height:150px;
    overflow:hidden;

}
#scrl:hover {
    overflow-y:auto;
}

编辑

var initDrag = function()
            {
                ceaseAnimation();
                currentOffset = $drag.offset(false);
                currentOffset.top -= dragPosition;
                maxY = trackHeight - $drag[0].offsetHeight;
Uncaught TypeError: Cannot read property 'offsetHeight' of undefined
                mouseWheelMultiplier = 2 * settings.wheelSpeed *     maxY / contentHeight;
            };

1 个答案:

答案 0 :(得分:1)

tinyscrollbar需要一个div结构。你只有1个包装div。阅读说明。

    <div id="yourscrollbar">
    <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
    <div class="viewport">
        <div class="overview">

tekst..



        </div>
    </div>
</div>