Javascript 溢出：滚动；jquery在停止工作后一直滚动到某个点

只需继续添加，您将看到最新的聊天信息出现，但经过一段时间后，它会自动停止向下滚动。我怎样才能解决这个问题？谢谢

$("#button1").click(function(){
    $("<div>").html("text").appendTo("#chat1");
    $('#chat1').scrollTop($('#chat1').height())
});

$（“#按钮1”）。单击（函数（）{
$（“”）html（“文本”）。附录（“#chat1”）；
$（'#chat1'）.scrollTop（$（'#chat1'）.height（））
});

您需要

$（“#按钮1”）。单击（函数（）{
$（“”）html（“文本”）。附录（“#chat1”）；
$（'#chat1'）。滚动顶部（$（'#chat1'）[0]。滚动高度）
});

因为

chat1

的高度是

100px

$("#button1").click(function(){
    $("<div>").html("text").appendTo("#chat1");
    $('#chat1').scrollTop($('#chat1')[0].scrollHeight)
});