javascript - 发送新消息时向下滚动到底部

Question

我有一个评论框，我正在使用以下 JS 设置滚动到底部，并在发布新消息时向下滚动。

window.setInterval(function() {
  var elem = document.getElementById('Commentbox');
  elem.scrollTop = elem.scrollHeight;
}, 500);

它有点管用，当发布新消息时它会向下滚动，但是当我向上滚动查看旧消息时它会向下滚动。有没有办法防止这种情况发生？

Answer 1

我不会使用间隔函数向下滚动，因为您在实现时每 500 毫秒滚动一次。我认为您有一个功能，可以添加新消息并在收到消息时调用:

function addMessage() {
   // here you add the new message to DOM
   // ...

   // then you can scroll down once to show the new messages
   var elem = document.getElementById('Commentbox');
   elem.scrollTop = elem.scrollHeight;
}

如果您发布添加新消息的代码，我可以更好地帮助您。