タブが非アクティブのときにdivの一番下までスクロール

Question

私はdivにアイテムを定期的に追加しました。私はdivの下にスクロールしています

var objDiv = document.getElementById("infoWindow"); 
objDiv.scrollTop = objDiv.scrollHeight; 

これは、タブがアクティブな場合にのみ機能します。ユーザーが別のタブを参照しているときに自動スクロールするにはどうすればよいですか？

Answer 1

私は同じ問題を抱えていましたが、この回避策を見つけるのにかなり時間がかかりましたが、私はBootstrapを使用していて、shown.bs.tabイベントはBootstrapでのみ使用される特定のイベントですおそらくそれはあなたに正しい方向へのヒントを与え、あなたはjsで同様の解決策/イベントを見つけるでしょう：

Gonzaloは、タブがアクティブに設定された後にスクロールするのに十分であると言います。 したがって、私がtab2を有効にすると、shown.bs.tab-eventが起動し、divの 'メッセージ'が下にスクロールします。

$('a[href="#tab2"]').on('shown.bs.tab', function (e) { 
    var elem = document.getElementById('messages'); 
    elem.scrollTop = elem.scrollHeight; 
});