使用jScroll的樣式滾動條

Question

我一直在嘗試為我為朋友安裝的主題使用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;
            };

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>