新消息到达时未完全向下滚动

Question

每当收到带有以下代码的新消息时，我都会尝试向下滚动：

    var elem = document.getElementById('chat-body');
    elem!.scrollTop = elem!.scrollHeight;

我认为原因可能是它可能隐藏在表单后面，但滚动条仍然有一些 space 可以进一步向下移动。如果我手动向下滚动，它会显示完整的消息。

Answer 1

尝试将这两个语句放在 setTimeout 中。

setTimeout(() => {
  var elem = document.getElementById('chat-body');
  elem!.scrollTop = elem!.scrollHeight;
}, 100)

Not fully scrolls down when a new message arrives