滚动自动JavaScript

Question

我有此代码：

function scroll() {

  shouldScroll = chat.clientHeight === chat.scrollHeight;
  if (!shouldScroll) {
    scrollToBottom();
  }
}
function scrollToBottom() {
  chat.scrollTop = chat.scrollHeight;
}
scrollToBottom();
setInterval(scroll, 100);

在此代码中，我具有自动滚动的功能，但是，当我想查看整个对话时，他不会让我上去，因此我可以阅读对话。只是让我沮丧。

我该如何解决？ 谢谢

Answer 1

通过与偏移量进行比较，检查用户是否已使用scrollTop滚动到另一个位置或是否接近底部：

var offset = 50; // if user is 50px far from bottom
var shouldScroll = false;
if (chat.scrollHeight - chat.scrollTop) < offset){
     shouldScroll = true;
}