Question

即使在我的jquery代码被sunn0清理干净之后，当屏幕变大时，滚动窗格也没有正确重新初始化。终于今天解决了它，结果是我用css / html命令的方式

我有......

    <div class=”scroll-pane horizontal-only”>
    <div id=”content-holder” class=”widthforeachpage”>
    <div class=”content-holder”>1</div>
    <div class=”content-holder”>2</div>
    <div class=”content-holder”>3</div>
    <div class=”content-holder”>4</div>
    </div><!--end content holder-->
     </div><!--end scroll-pane-->

但是一旦我将订单改为下面就完美了！

    <div id=”content-holder” class=”scroll-pane horizontal-only”>
     <div id=”widthforeachpage”>
     <div class=”content-holder”>1</div>
    <div class=”content-holder”>2</div>
    <div class=”content-holder”>3</div>
    <div class=”content-holder”>4</div>
    </div><!--end widthforeachpage-->
     </div><!--end content holder-->

ps div“widthforeachpage”是因为滚动窗格的每个页面上的滚动窗格宽度都不同。

Answer 1

尝试：

$('.scroll-pane').each(function(){
    $this = $(this);
    $this.jScrollPane({
        showArrows: false,
        autoReinitialise: true,
        animateScroll: true,
        horizontalDragMinWidth: 90,
        horizontalDragMaxWidth: 90
    });
    var api = $this.data('jsp');
    var throttleTimeout;
    $(window).bind( 'resize', function() {
        if ($.browser.msie) {
            if (!throttleTimeout) {
                throttleTimeout = setTimeout(
                    function(){
                        api.reinitialise();
                        throttleTimeout = null;
                    }, 
                    50
                );
            }
        } else {
            api.reinitialise();
        }
    });
});

如何调整ScrollPane的大小 - 代码我调整了大小但没有调整。有什么建议？

1 个答案: