時にはdivがスクロールしないトップページ

Question

オフラインメッセージをサポートする独自のチャットを作成しようとしています。 私はすでにそれを使うことができますが、メッセージを送るときにはスクロールが動かず、ちょっと下にスクロールしなければならないメッセージが表示されます。それは毎回異なる行動を保ち、それが私を悩ますものです。 私は

success: function() { 
       //do something with response 
       var url = '/Chat/ReturnTeacherNewMessages?Student_id=' + '@ViewBag.Student_id'; 
       $('#user_content').load(url); 
       $('#MSG').val(""); 
       $.ajax({ 
        success: function() { 
         var wtf = $('#user_content'); 
         height = wtf[0].scrollHeight; 
         wtf.scrollTop(height); 
        } 
       }) 
      } 

Answer 1

メッセージを送信するたびに、このスクロールの責任スクリプトであるあなたはjQueryのを使用していますか？これについて

$('#user_content').scrollTop(0);

Answer 2

方法：お使いの場合には.scrollTop API

を使ってみて、それは次のようになりますか？あなたの助けのための

$('#user_content').load(url, function(){ 
     $(this).scrollTop($(this).height()); 
    }); 

Answer 3

おかげで、私は多分それが最善の解決策ではないことを知っているが、それはそれまでは働くだけのことだ、これは私が

success: function() { 
       //do something with response 
       var url = '/Chat/ReturnTeacherNewMessages?Student_id=' + '@ViewBag.Student_id'; 
       $('#user_content').load(url); 
       $('#MSG').val(""); 
       $.ajax({ 
        success: function() { 
         setTimeout(function() { 
          var wtf = $('#user_content'); 
          height = wtf[0].scrollHeight; 
          wtf.scrollTop(height); 
         }, 1000); 

        } 
       }) 
      } 

やったことで、この問題 を解決することができました今、それは完全に動作します。私はちょうどスクロールする前にスレッドを少し待つように強制する必要がありますトップ。