javascript - 在javascript div中自动滚动

Question

当我在 javascript div 中使用上述函数在聊天框中自动滚动时但我无法向上滚动到底部。

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

聊天记录是我代码中的一个 div，我在上面放置了滚动回复的功能。现在我无法向上滚动。

Answer 1

这是逻辑错误。在您的代码中，您的脚本每 10 毫秒就会将 div 滚动到底部。如何实现自动滚动行为有很多变体。其中之一使用标志，它将由复选框(自动滚动)设置。如果选中复选框，脚本将向下滚动，如果取消选中，脚本将不执行任何操作。

类似于:

window.setInterval(function() {
 if (needAutoScroll) {
     var elem = document.getElementById('chatlog');
     elem.scrollTop = elem.scrollHeight;
 }
}, 10);