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

最新推荐文章于 2025-06-10 14:01:25 发布

码农藏经阁

最新推荐文章于 2025-06-10 14:01:25 发布

阅读量2.3k

点赞数 2

CC 4.0 BY-SA版权

文章标签： html javascript jquery 自动化网页版聊天

本文链接：https://blog.youkuaiyun.com/CharLINHeng/article/details/90322526

博主在做聊天功能模块时，需实现输入消息后消息框自动滚到最下面。文中列举了几种实现方法，如用js在DOM树指定消息框元素中增加a标签元素并模拟点击，使用消息框标签属性直接设置到最低部，实时用js计时器更新等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

④etc...

如下:

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

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

         document.getElementById("div").scrollHeight;

//第二种方法(jquery):

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

效果: