jQuery .slidDown(） 动画之后的边距更改

margin changes after jQuery .slidDown() animation

本文关键字：之后 slidDown 动画 jQuery      更新时间：2023-09-26

我在工作中创建了这个网站，http://eco-spirit.ca/，（IE版本还没有完成，所以最好在Chrome/Safari/Firefox中查看），当你点击顶部的图标时，我使用.slideDown（）方法来显示一个小简介。这一切都按照老板的要求进行，但我注意到动画结束后，文本增加了大约 10-15 像素，好像边距正在发生变化。当调用 .slideUp（） 方法时，它也会做同样的事情。

有谁知道为什么会这样？

（ps我没有设计这个网站，我只是编程了它）

当 HTML 元素被动画化时，它们的显示样式为"块"并且绝对定位。在动画过程中，这些元素的边距不包括在周围元素的计算中。动画完成后，将恢复其原始显示和位置属性。

处理此问题的最佳方法是将这些元素的边距放在不带动画效果的容器元素中。

相关文章：