容器高度變化時動畫scollbars

Question

所以我有一個溢出y：滾動的容器。容器的高度可以改變，通常它會減少。更改將使用jQuery進行動畫。但是當容器動畫時，滾動條消失，並且只有在動畫完成時纔會重新出現。無論如何要改變滾動條的尺寸旁邊容器的動畫？

這裏有一個的jsfiddle例如：http://jsfiddle.net/SPLt2/

Answer 1

的問題是，animate自動設置樣式爲overflow: hidden。

您可以通過使用一個階躍函數重載風格規避這樣的：

$('button').click(function() { 
    $('#container').animate(
     {'height': '100px'}, 
     { step: function() { $(this).css("overflow-y", "scroll") } } 
    ); 
}); 

Answer 2

如果一個step後滾動條不留周圍（像我經歷）添加complete功能吧。

像這樣：

$('button').click(function() { 
    $('#container').animate(
     {'height': '100px'}, 
     { step: function() { $(this).css("overflow-y", "scroll") } }, 
     { complete: function() { $(this).css("overflow-y", "scroll") } } 
    ); 
}); 

看一看http://bugs.jquery.com/ticket/2648更多的信息。