Как изменить размер ScrollPane - код, который я изменяю размер вниз, но не вверх. Какие-либо предложения?

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