jquery - 当容器高度改变时动画 scollbars

Question

所以我有一个带有 overflow-y: scroll 的容器。容器的高度可以改变，通常会降低。更改将使用 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") } }
    );
});