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 に答える