jScrollPane調整大小

Question

我有一個窗口的寬度爲100％的div，它是jScrollPane div的容器。

在窗口調整大小的滾動窗格不會移動，是否有反正使jScrollPane調整與窗口？

謝謝！

Answer 1

您可以使用API​​調用reinitialise（）來執行此操作。它在這裏的示例頁面之一。 http://jscrollpane.kelvinluck.com/dynamic_height.html
http://jscrollpane.kelvinluck.com/dynamic_width.html

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

}); 

Answer 2

我更喜歡這樣的事情：

$(window).resize(function(){ 
    $.each($('.scrollcont'), function(){ 
      var api = $(this).data('jsp'); 
      api.reinitialise(); 
    }); 
}); 

其中 '.scrollcont' 是滾動容器。

如果你必須在動作中調整滾動容器的大小，這個腳本也是有用的。