jQuery の効果は素晴らしいですが、影響を受ける要素の下にある残りの要素が、効果を引き起こすラッピング div のために移動していることに気付きました (このデモ ページにアクセスし、「バウンス効果」または「シェイク効果」までスクロールして確認してください)。 )。
エフェクトの再生中にドキュメント内の残りの要素を安定させるにはどうすればよいですか?
jQuery の効果は素晴らしいですが、影響を受ける要素の下にある残りの要素が、効果を引き起こすラッピング div のために移動していることに気付きました (このデモ ページにアクセスし、「バウンス効果」または「シェイク効果」までスクロールして確認してください)。 )。
エフェクトの再生中にドキュメント内の残りの要素を安定させるにはどうすればよいですか?
違いは次のとおりです。アンカーなどの要素を直接アニメーション化しようとすると、他のフローに影響を与えることになります。同じ要素をdivでラップしてアニメートする場合は、問題ありません。jsfiddle.net/ejwh4/4とjsfiddle.net/ejwh4/5の違いを見てください
あなたが取った例は最高ではありません。エフェクトは、指定した要素のみを移動します。ここでわかるように、他の要素は効果の影響を受けません。ただし、あなたが取ったデモで起こっている問題は時々起こる可能性があり、注意が必要です。この問題は、要素やアニメーションの配置が不適切であることが原因である可能性があります。1 つの要素 (A) の位置がアニメーション化された要素 (B) の位置に依存する場合、B が移動すると A も何らかの形で移動します。