チャットボックスはJSでスクロールダウン

私は以下のコードでチャットをプルダウンするチャットルームを持っています。チャットボックスはJSでスクロールダウン

setInterval(function(){ 
    $('#chat-area').stop().animate({ 
     scrollTop: $('#chat-area')[0].scrollHeight 
    }, 800); 
}, 300);

誰かがスクロールしようとしている場合、どのようにしてプルダウンすることを止めることができますか？

出典

2017-02-15 Petey Howell

を使用するにはjsfiddleを提供します。 –

このメカニズムは、最初の目に表示されるよりも少し複雑です。正確なポリシーを把握する必要があります。基本的な考え方は、新しいチャットラインが追加された直後に自動的にスクロールすることですが、チャットエリアがサイズが変更される前に右下にスクロールされた場合にのみ、自動的にスクロールします。変数を使って状態を追跡し（ 'var is_alltheway_down = false;'など）、可変状態が正常であることを示す場合にのみ自動的に処理します。 –

@Kinduser https://jsfiddle.net/kkrbmzqn/ –

私が行うことができると思う：

明確な間隔
使用stopデjqueryの
がセマフォ

出典

2017-02-15 21:42:54

チャットボックスはJSでスクロールダウン

答えて

関連する問題