javascript - 无法让动态大小的 jscrollpane api 工作

Question

我一直在尝试使用jscrollpane为某些内容添加自定义滚动条。数据是通过 ajax 提取的，jscrollpane api很好地工作。

但我试图使滚动窗格的高度始终为用户浏览器窗口高度的 70%。jscrollpane网站说我可以使用以下代码使其工作，但我没有运气。

$(function () {
    $('.scroll-pane').each(

    function () {
        $(this).jScrollPane({
            showArrows: $(this).is('.arrow')
        });
        var api = $(this).data('jsp');
        var throttleTimeout;
        $(window).bind('resize', function () {
            if ($.browser.msie) {
                // IE fires multiple resize events while you are dragging the browser window which
                // causes it to crash if you try to update the scrollpane on every one. So we need
                // to throttle it to fire a maximum of once every 50 milliseconds...
                if (!throttleTimeout) {
                    throttleTimeout = setTimeout(

                    function () {
                        api.reinitialise();
                        throttleTimeout = null;
                    }, 50);
                }
            } else {
                api.reinitialise();
            }
        });
    })

});

当我将 css 更改为百分比时，自定义滚动条完全失败，我得到一个默认的 chrome 滚动条，它是窗口高度的 100%。

http://jsfiddle.net/loren_hibbard/2yEsG/

非常感谢你！

Answer 1

resize 和 jsfiddle 的 api 似乎存在一些兼容性问题。jscrollpane 仍然是一个了不起的扩展。谢谢。