1

次のコードに問題があります。奇妙なアニメーションを作成しています。アニメーション中にコンテンツを約 1em 下げ、停止すると元に戻します。アーカイブ ページのもう 1 つは、奇妙な振動効果を引き起こします。

    jQuery(document).ready(function() {
      jQuery(".hide").hide();
      //toggle the componenet with class msg_body
      jQuery(".show").click(function()
      {
        jQuery(this).next(".hide").slideToggle(500);
      });
    });

http://msc-media.co.uk/about/

Aboutページの下部にある「To Do」をクリックします

http://msc-media.co.uk/tag/france/

いずれかの日をクリックしてください - div が展開する前に奇妙な揺れ

4

1 に答える 1

2

jQuery が要素 (この例では.hide) の表示と非表示を開始すると、 を含むいくつかの CSS スタイルが自動的に追加されますoverflow: hidden。これがジャンプの原因です。あなたの例で.hideは、 a が含まれていますul。これは、スタイルが設定されていないため、ブラウザーのスタイルの a を取りますmargin-top: 1em。親コンテナが を取得するoverflow: hiddenと、それらのデフォルト マージンの周りを流れる方法が変更されます。

最も簡単なオプションはmargin: 0interiorに設定することですが、デフォルトでコンテナ要素に設定してジャンプをなくし、それに応じてスタイルをul設定することもできます。overflow: hidden

于 2012-10-17T20:45:14.627 に答える