如何在 jQuery 弹跳下“保持”元素？

Posted 2023-03-10

【中文标题】如何在 jQuery 弹跳下“保持”元素？

【英文标题】：How do I "hold" elements underneath jQuery bounce?

【发布时间】：2011-03-28 02:20:26

【问题描述】：

jQuery 的效果很棒，但我注意到受影响元素下的剩余元素由于导致效果的包装 div 被移位（visit this demo page 并滚动到“弹跳效果”或“摇晃效果”查看）。

如何在效果播放时保持文档中的其余元素稳定？

【问题讨论】：

当我创建一个小提琴时，它不会影响下面的元素，所以他们的 CSS 一定很有趣。见：jsfiddle.net/ejwh4

这是一个不错的工具！我的 CSS 也有一些有趣的地方，因为我的例子也不稳定 :)

好吧，这就是区别：如果你尝试直接为锚点等元素设置动画，你最终会影响其他流程。如果您将相同的元素包装在 div 中并进行动画处理，那就没问题了。看看jsfiddle.net/ejwh4/4和jsfiddle.net/ejwh4/5的区别。

【参考方案1】：

好的，区别在于：如果您尝试直接为锚点等元素设置动画，最终会影响其他流程。如果您将相同的元素包装在 div 中并进行动画处理，那就没问题了。看看jsfiddle.net/ejwh4/4和jsfiddle.net/ejwh4/5的区别

【参考方案2】：

你举的例子不是最好的。该效果仅移动您告诉它的元素。 如您所见here 其他元素不受该效果的影响。 但是，您拍摄的演示中发生的问题有时可能会发生，您必须小心。 该问题可能是由位置不佳的元素和动画引起的。如果一个元素 (A) 的位置取决于动画元素 (B) 的位置，如果 B 移动，A 也会以某种方式移动。