DIV 자동 스크롤이 작동하지 않습니다.

Question

div가 자동 스크롤됩니다. 그러나 많은 스마일이 한 채팅 게시물에 사용될 때마다 자동 스크롤이 올바르게 작동하지 않으며 아래에서 두 줄 스크롤됩니다.

나는 .. 이것을 사용

$("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); 

그러나 사업부에 자동으로 적재 매 3 초마다 시도 않았기 때문에 매번는 애니메이션 효과를 보여줄 것입니다로드합니다.

제대로 작동하려면 어떻게해야합니까? 여기

전체 기능이

...

setInterval(function loadLog(){  
     var oldscrollHeight = $("#chatbox").prop("scrollHeight") - 20; 
     $.ajax({ 
      url: "log.php", 
      cache: false, 
      success: function(html){   
       $("#chatbox").html(html); //Insert chat log into the #chatbox div    
       var newscrollHeight = $("#chatbox").prop("scrollHeight") - 20; //Scroll height after the request 
       $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div 

      }, 
     }); 
    }, 3500); 

Answer 1

setInterval(function(){scroller()}, 3500);

function scroller(){ 
$("#chatbox").load("log.php"); 
$("#chatbox").each(function(){ 
var scrollHeight = Math.max(this.scrollHeight, this.clientHeight); 
this.scrollTop = scrollHeight - this.clientHeight; 
}); 
}