Javascript jQuery滑动动画未完全消失

我正在使用以下代码：

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

容器的高度为400像素，目标是尝试将其缩小为零，但在动画结束时，div仍然在那里，高度约为5像素，它不会像没有高度值的空div那样完全自行折叠

我试过让它

-=410px

但结果是一样的，它并没有完全消失-我试过添加淡出动画，但它有点笨重。有人知道如何解决这个问题吗

编辑：发现一些可能导致问题的多余填充，现在我遇到了一个问题，div的边框随后消失。

我查看了JQuery的.animate（）API，看起来您正在硬编码“toggle”目标属性。试试这个：

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

我查看了JQuery的.animate（）API，看起来您正在硬编码“toggle”目标属性。试试这个：

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

我查看了JQuery的.animate（）API，看起来您正在硬编码“toggle”目标属性。试试这个：

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

我查看了JQuery的.animate（）API，看起来您正在硬编码“toggle”目标属性。试试这个：

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

---

---

---

这把小提琴能模仿你的密码吗？动画完成，div为我消失了。你确定这在所有浏览器中都会发生吗？另外，您可以在我的演示中看到（至少在某些浏览器中）div中的内容最后隐藏，您的

#容器的内容是否有一些严格的
显示规则与之相关？@Dpeif-这很奇怪，我尝试了您的代码，它按预期工作，将我的css放在它的位置，它仍按预期工作-但在我的网站中没有，我现在将发布更多的代码，因为它似乎不是jQueryTanks，或者如果该页面是公开的，那么指向该页面的链接可能可以使用firebug进行检查/devtools@Dpeif-找到了一些零散的填充物，但我现在的边界有问题，如果你在你的JSFIDLE上添加了一个边框，它的工作原理和我的一样——内容隐藏在我的里面，所以这不是问题。这个FIDLE是否模仿了你的代码？动画完成，div为我消失了。你确定这在所有浏览器中都会发生吗？另外，您可以在我的演示中看到（至少在某些浏览器中）div中的内容最后隐藏，您的
#容器的内容是否有一些严格的
显示规则与之相关？@Dpeif-这很奇怪，我尝试了您的代码，它按预期工作，将我的css放在它的位置，它仍按预期工作-但在我的网站中没有，我现在将发布更多的代码，因为它似乎不是jQueryTanks，或者如果该页面是公开的，那么指向该页面的链接可能可以使用firebug进行检查/devtools@Dpeif-找到了一些零散的填充物，但我现在的边界有问题，如果你在你的JSFIDLE上添加了一个边框，它的工作原理和我的一样——内容隐藏在我的里面，所以这不是问题。这个FIDLE是否模仿了你的代码？动画完成，div为我消失了。你确定这在所有浏览器中都会发生吗？另外，您可以在我的演示中看到（至少在某些浏览器中）div中的内容最后隐藏，您的
#容器的内容是否有一些严格的
显示规则与之相关？@Dpeif-这很奇怪，我尝试了您的代码，它按预期工作，将我的css放在它的位置，它仍按预期工作-但在我的网站中没有，我现在将发布更多的代码，因为它似乎不是jQueryTanks，或者如果该页面是公开的，那么指向该页面的链接可能可以使用firebug进行检查/devtools@Dpeif-找到了一些零散的填充物，但我现在的边界有问题，如果你在你的JSFIDLE上添加了一个边框，它的工作原理和我的一样——内容隐藏在我的里面，所以这不是问题。这个FIDLE是否模仿了你的代码？动画完成，div为我消失了。你确定这在所有浏览器中都会发生吗？另外，您可以在我的演示中看到（至少在某些浏览器中）div中的内容最后隐藏，您的
#容器的内容是否有一些严格的
显示规则与之相关？@Dpeif-这很奇怪，我尝试了您的代码，它按预期工作，将我的css放在它的位置，它仍按预期工作-但在我的网站中没有，我现在将发布更多的代码，因为它似乎不是jQueryTanks，或者如果该页面是公开的，那么指向该页面的链接可能可以使用firebug进行检查/devtools@Dpeif-找到了一些零散的填充物，但我现在的边界有问题，如果在JSFIDLE上添加边框，其工作原理与我的相同-内容隐藏在我的中，因此这不是问题。添加边框后，使用硬编码的高度值，我可以看到bug OP正在描述。使用toggle，就像在这个演示中一样，修复了这个问题。使用框架的危险是这样的怪癖，但有时你无法逃避。我添加了切换开关，谢谢但边境在边境上仍然是笨重的end@Dpeif-在最新的jsfiddle.net/mUYys/2中，从html中删除文本并添加：display:inline块；对于CSS，我现在看到的是，在最后几个像素处，显示动画似乎从页面的上方切换到页面的下方，你能明白我的意思吗？我看到
内联块
反转了方向，因为元素在DOM中的位置。如果添加“垂直对齐：顶部；”这在大多数浏览器（我认为）中都可以正确设置动画的垂直方向。然而，我没有看到我认为你所说的最后几个像素的图形错误，对不起。这是垂直对齐解决方案。@Dpeif-ah-ha！这也解决了边界问题！tyvm在添加一个带有硬编码高度值的边框后，我可以看到bug OP正在描述。使用toggle，就像在这个演示中一样，修复了这个问题。使用框架的危险是这样的怪癖，但有时你无法摆脱它。我添加了切换，而不是