jquery - タブの変更に伴って変化するDIVの高さの処理

Question

4つの子divを持つトップdivのタブ付きセットアップがあります。タブをクリックすると、新しいdivがdisplay：noneからdisplay：blockに、古いdivがdisplay：noneに変更され、jqueryを使用してコンテンツが表示/非表示になります。表示される新しいdivの高さが古いものよりも低い場合があり、下にスクロールすると、ページがページの新しい下部に「ジャンプ」するため、この方法では不十分です。

ジャンプが発生しないようにこの動作を変更する最良の方法は何ですか？たとえば、切り替えてもdivの高さが維持されますか？

Answer 1

新しいコンテンツの読み込み後、新しいスクロールバーの位置を設定します。

//Permits to reset the scrollbar to the top
$('#content-div').scrollTop(0);

//Permits to reset the scrollbar to the bottom
$('#content-div').scrollTop($('#content-div').height());

現在の位置を保存して、コンテンツの読み込み後に適用することもできます。

新しいコンテンツをどのように読み込むかわかりません。load私はあなたがJQuery関数を使用していると仮定します：

$('#content-div').load('new.php',function(){
    $(this).scrollTop(0);
});