削除slideDown（）アニメーション

Question

の終わりにジャンプ/ jutterは同じトピックに別のポストをtheresのが、そのための答えは私のために動作しません...

私のウェブサイトのために：http://jagdogweb.com/、最後にそれが各ペインの左下に見えるジャークを持っているが...

助けてください...

http://jagdogweb.com/#services

Answer 1

あなたはCSSでこれを修正することができます：

を

BODY { 
overflow-y: scroll; 
} 

ページの高さによってはスクロールバーが消えているため、ジャンプが発生しています。このCSSルールは、スクロールバーのピクセルが常に表示されるようにします。

Answer 2

slideDownの要素が隠されているか、またはパディングしている場合に問題が発生します。これを解決するには、アニメーションの高さが簡単に計算できるように、隠されていないことを確認してください。 jQueryこれを行うには、あなたがslideDownしたい要素が隠されているように

height:0;overflow:hidden;

で親DIVの要素をラップするが、CSSで隠されていない、それはjQueryのために使用することができ、100％のままである高さですslideDownのアニメーション。 slideDownの代わりに、親要素（高さ：0）を子の完全な高さにアニメートできます。

$('.slideToggler').on('click', function() { 
     var n = $(this).next(); 
     var h = n.find('.slidePanel:nth-child(1)').height(); 
     if(n.height() > 0) { 
      n.animate({height:0}); 
     } else { 
      n.animate({height:(h+padding)}); 
     } 
    });