テキストエリアでの入力後スクロールアップ

Question

私のテキストエリアが最後のメッセージを拡大表示し隠すため、入力時にチャットコンテンツがスクロールダウンします。しかし、今私は入力後にスクロールすることができない1つの問題が発生します。私のjQueryがあります

$('.text-message textarea').on("keyup",function(){ 
    $(".chat_content").animate({ scrollTop: $(document).height() }, "slow"); 
    return false; 
}); 

何が起こっているのですか？あなたの.chat-contentは常に自動的にロードして、新しいmeaasgeが表示されている

var chat_content = $('.chat_content'); 
    chat_content.scrollTop(chat_content.prop("scrollHeight")); 

EDIT

に湖底には、スクロールだろうしかし、あなたはまた、あなたの最後のメッセージをscrolltoし、これを行うことができますので

Answer 1

使用代わりに、このとsetInterval 2秒ごとに下にスクロールしようとします

setInterval(function() { 
     var chat_content = $('.chat_content'); 
     chat_content.animate({scrollTop: chat_content.prop("scrollHeight")}, 2000); 
    }, 2000); 

がうまくいきます。