1

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

有谁知道为什么会发生这种情况？

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

4

1 回答 1

3

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

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

于 2011-05-20T22:10:34.360 回答