如何使div自动向下滚动但仍允许向上滚动

Question

所以我正在开发一个项目，用户可以在其中发送消息并将其显示在屏幕上（如消息框）。最新的一个位于div的底部（#MESSAGES），以便更容易看到我将JS自动向下滚动div。

setInterval(function(){
$("#MESSAGES").scrollTop($("#MESSAGES")[0].scrollHeight);
}, 800); 

向下滚动可以完美地工作，直到用户想要向上滚动并查看以前的消息。这段代码将继续向下滚动div，而不允许用户阅读它。

问：除非用户向上滚动查看以前的消息，否则每次发送新消息时都有一种方法允许div向下滚动吗？

谢谢！

Answer 1

1. 计算div的内部高度

   $（ '滚动 '）丙（' scrollHeight属性'）;

2. 将滚动条滚动到所需的值

   $（ '滚动。'）scrollTop的（200）;

3. jQuery代码

   （文档）$。就绪（函数（）{     $（ '滚动 '）scrollTop的（$（）丙（ 'scrollHeight属性'）' 滚动'）。; }）;

4. HTML代码

   div class =“scroll”style =“height：200px; overflow-y：scroll”..