2016-10-12 18 views
-2

を使用してDIVに新しいコンテンツを追加することで下にDIV Iは、テキスト領域から示されるようにDIVが最大高さまで充填したとき自動スクロールのJavaScript

<div style="overflow: auto; overflow-x: hidden; height:296px;" id="container"></div> 

に示すように、新たなコンテンツをとるDIVを有します私はdiv要素が自動的にスクロールダウンして、新しいコンテンツを表示する必要があり、これはdiv要素が296pxに達したときのdiv内のコンテンツが自動的にスクロールダウンされていない

for (var i = 0; i < json.length; i++) { 
         .... 
        document.getElementById('container').innerHTML = contents; 
        //this is the code I am trying to use to make it scroll automatically down when new content is added 
        document.getElementById('container').scrollBottom = y; 

       } else { 
        alert('Request failed. Returned status of ' + xhr.status); 

私の試みであることを達成しようとしています。何が間違っている可能性がありますか?

+0

これはコードスニペットです。どうすればこの問題を解決できますか? Yとは何ですか* ?? *内容*は何ですか、* json.length *は何ですか? "for"の後の "else"ステートメント –

+0

あなたはこれを見ましたか? – Francis

+0

Francis

答えて

0

私はこの

$( "#コンテナ")を使用して私の問題を解決することができたscrollTopスプライト($( "#コンテナ")[0] .scrollHeight)。

上記置換これ:。

のdocument.getElementById( 'コンテナー')scrollBottom = Y。

そして私の問題は解決しました。