jquery - 使用 jScroll 样式化滚动条

Question

我一直在尝试使用 jScroll 在我为 friend 安装的主题上设置一些滚动条的样式，但它又回来了

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;
            };

Answer 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>