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 사업부 "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(); 
     } 
    }); 
});