使用jscrollpane調整元素的大小

我有一個需要調整窗口大小的區域（以及這個網站將被使用的方式，我認爲人們會經常調整窗口大小）。這本身不是問題。我有這個HTML和CSS：使用jscrollpane調整元素的大小

<body> 
<header> 
    stuff 
</header> 
<article class="scroll"> 
    lots of stuff 
</article> 
<footer> 
    stuff 
</footer> 
</body> 

article { 
position: fixed; 
top: 180px; 
left: 30px; 
bottom: 60px; 
right: 30px; 
overflow: auto; 
}

這工作得很好，文章調整大小，因爲窗口調整大小。

但後來我將jscrollpane添加到文章中，以便它有一個漂亮的滾動條。現在，當您調整窗口大小時，文章不會隨之調整大小 - 文章保持原始窗口中的大小。如果你點擊刷新，它將適當調整大小，但這是跛腳。

這裏有一個的jsfiddle：http://jsfiddle.net/7cMvy/

有什麼建議？

來源

2012-09-20 Gwendydd

你在http://jsfiddle.net/添加您的代碼？ – muthu

http://jsfiddle.net/7cMvy/ – Gwendydd

您解決了重複激活指令檢測窗口調整大小事件函數的問題，如本例中所示。

$(window).resize(function() { 
    $(function(){ 
     $('.scroll-pane').jScrollPane({ 
       showArrows: true, 
       horizontalGutter: 30, 
       verticalGutter: 30, 
       arrowScrollOnHover: true 
      } 
     ); 
    }); 
});

米歇爾

來源

2013-06-13 06:33:03

使用jscrollpane調整元素的大小

回答

相關問題