【问题标题】:How do I "hold" elements underneath jQuery bounce?如何在 jQuery 弹跳下“保持”元素?
【发布时间】:2011-03-28 02:20:26
【问题描述】:

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

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

【问题讨论】:

  • 当我创建一个小提琴时,它不会影响下面的元素,所以他们的 CSS 一定很有趣。见:jsfiddle.net/ejwh4
  • 这是一个不错的工具!我的 CSS 也有一些有趣的地方,因为我的例子也不稳定 :)
  • 好吧,这就是区别:如果你尝试直接为锚点等元素设置动画,你最终会影响其他流程。如果您将相同的元素包装在 div 中并进行动画处理,那就没问题了。看看jsfiddle.net/ejwh4/4jsfiddle.net/ejwh4/5的区别。

标签: css shake jquery-effects bounce


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-09-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-11
      • 1970-01-01
      • 2016-08-09
      相关资源
      最近更新 更多