gpt4 book ai didi

javascript - jQuery .slideDown() 动画后边距变化

转载 作者:行者123 更新时间:2023-11-30 13:32:56 26 4
gpt4 key购买 nike

我在工作中创建了这个网站,http://eco-spirit.ca/ ,(IE 版本尚未完成,因此最好在 Chrome/Safari/Firefox 中查看),当您单击顶部的图标时,我使用 .slideDown() 方法显示一个小的简介。一切都按老板要求的方式进行,但我注意到在动画播放后,文本突然增加了大约 10-15 像素,就好像边距在变化一样。当调用 .slideUp() 方法时,它的作用相同。

有人知道为什么会这样吗?

(ps 我没有设计这个网站,我只是编写了它)

最佳答案

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

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

关于javascript - jQuery .slideDown() 动画后边距变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6078045/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com