javascript divの自動スクロール

Question

javascript divの上記機能をチャットボックスの自動スクロールに使用していますが、下にスクロールできません。

window.setInterval(function() { 
var elem = document.getElementById('chatlog'); 
elem.scrollTop = elem.scrollHeight; 
}, 10); 

チャットログは私のコードのdivであり、私は上記の関数をスクロールして返信しています。今私は上にスクロールできません。

Answer 1

これは論理的な誤りです。あなたのコードでは、10ミリ秒ごとにスクリプトが下から下にスクロールします。自動スクロールの振る舞いを実装する方法はさまざまです。そのうちの1つは、checkBox（自動スクロール）によって設定されるフラグを使用します。 checkBoxが選択されている場合、スクリプトは下にスクロールし、選択されていないスクリプトは何も行いません。

のような何か：

window.setInterval(function() { 
if (needAutoScroll) { 
    var elem = document.getElementById('chatlog'); 
    elem.scrollTop = elem.scrollHeight; 
} 
}, 10); 

Answer 2

私の推測では、それはdivの毎秒の一番下までスクロールしているので、あなたが上にスクロールすることができません、です。スクロールアップするにはsetInterval機能をクリアする必要があります。

これを試すことができますchatlog div。スクロールダウンに再び

<div id="chatlog" onscroll="myStopFunction()">

function myStopFunction() { 

if document.body.scrollTop <= 0 { 
console.log("scrolling down") 
} else { 
console.log("scrolling up"); 
clearInterval(myVar); 
} 

} 

あなたはsetInterval機能を起動することができます。