关灯
开启左侧

JS让滚动条显示最下面的内容

[复制链接]
doubleyong 发表于 2019-4-22 09:29:40 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
问题:如何让滚动条显示最下面的内容?
需求:内容后不段添加,添加的内容显示在后面,超过高度会显示滚动条。现在想实现,将数据停留在滚动条的最后。

解决方案:设置scrollTop的值: $("#divMessage")[0].scrollTop=$("#divMessage")[0].scrollHeight;


代码如下:

  1. socket.onmessage=function (e) {
  2.                 console.log("接受到服务器返回的消息"+e.data);
  3.                 var obj = JSON.parse(e.data);
  4.                 $("#spanCount").html(obj.count);
  5.                 $("#divMessage").append("<div>" +
  6.                     "<p>"+obj.user+":</p>" +
  7.                     "<p>"+obj.content+":</p>" +
  8.                     "</div>");
  9.                 $("#divMessage")[0].scrollTop=$("#divMessage")[0].scrollHeight;
  10.             }
复制代码




 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )