所以我有一个带有 overflow-y: scroll 的容器。容器的高度可以改变,通常会降低。更改将使用 jQuery 进行动画处理。但是当容器被动画化时,滚动条消失并且只有在动画完成时它才会重新出现。无论如何改变容器动画旁边的滚动条的尺寸?
这是一个关于 jsfiddle 的例子:http://jsfiddle.net/SPLt2/
最佳答案
问题是 animate
自动将样式设置为 overflow: hidden
。
您可以通过使用阶跃函数覆盖样式来规避此问题:
$('button').click(function() {
$('#container').animate(
{'height': '100px'},
{ step: function() { $(this).css("overflow-y", "scroll") } }
);
});
关于jquery - 当容器高度改变时动画 scollbars,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6009428/