Jquery 更改容器高度时为scollbars设置动画

所以我有一个带有overflow-y:scroll的容器。容器的高度可以改变，通常会降低。更改将使用jQuery设置动画。但当容器设置动画时，滚动条将消失，并且仅在动画完成时才会重新出现。是否仍然可以更改容器动画旁边滚动条的尺寸

---

这里有一个关于JSFIDLE的例子：

问题是

动画

自动将样式设置为

溢出：隐藏

可以通过使用step函数替代样式来避免此问题：

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

---

如果滚动条在

步骤之后没有停留（如我所经历的那样），则向其添加
complete
功能

像这样：

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

查看更多信息。
我不认为是这样，因为滚动条是浏览器ui的一部分，无法更改，如果您无法更改其颜色[演示]，您将无法灵活地执行与动作或事件一样高级的操作：）一个绝妙的主意是只需添加两个图像即可对其进行操作，或者让它看起来像是没有处理程序的滚动条：），它看起来像是处理程序在计算时消失了，并再次出现在末尾：）