Question

我一直在尝试使用jscrollpane向某些内容添加自定义滚动条。数据是通过ajax引入的，jscrollpane api很适合。

但我正在努力使滚动窗格的高度总是，例如，用户浏览器窗口高度的70％。 jscrollpane site表示我可以使用以下代码使其正常工作，但我没有运气。

$(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

似乎与resi和jsfiddle的api存在一些兼容性问题。 jscrollpane仍然是一个惊人的扩展。感谢。

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

1 个答案: