javascript - jQuery 滑动动画没有完全消失

Question

我正在使用这段代码:

$('#container').animate({ height: '-=400px'}, 1000).fadeOut('fast');

容器的高度为 400 像素，目标是尽量缩小到什么都没有，但在动画结束时，div 仍然存在，大约 5 像素高，它并没有完全自行折叠正如您对没有高度值的空 div 所期望的那样。

我试过将它设为 -=410px 但结果是一样的，它并没有完全消失 - 我试过添加 fadeOut 动画，但它有点笨拙。有谁知道如何解决这个问题？

编辑:发现一些杂乱的填充似乎是导致问题的原因，现在我遇到了 div 的边框随后消失的问题。

Answer 1

我查看了 JQuery 的 .animate() API，看起来您正在对“切换”目标属性进行硬编码。试试这个:

$('#container').animate({ height: 'toggle'}, 1000).fadeOut('fast');