让div的滚动条滑动到最底部（适用于网页版聊天消息自动滚动）

一、本人在做聊天功能模块,需要输入消息后，让消息框自动滚到最下面。有很多方法，这里列举几个:

      ①使用js在DOM树指定消息框元素中增加a标签元素，触发发送消息并且成功发送后，模拟点击a标签。

      ②使用消息框标签属性直接设置到最低部。

      ③实时使用js计时器更新。

      ④etc...

 

如下:

      div是你的展示聊天信息的标签

//第一种方法(原生js方法):

         document.getElementById("div").scrollHeight;

//第二种方法(jquery):

         $('#div').prop('scrollTop',document.getElementById("div").scrollHeight);

 

 

效果: