信息发布→ 登录 注册 退出

新增加的内容是如何将div的scrollbar自动移动最下面

发布时间:2026-01-11

点击量:

有时候我们在做动态增长的div时,一般都是将内容append到div的最下面,但这会带来一个问题,那就是新增加的内容会被遮在最下面,比如这样

如何才能让scrollbar自动移动最下面呢,这就需要js的帮助了,假设div的id为myDiv,那么使用原生的js实现如下:
复制代码 代码如下:
var myDiv = document.getElementById('myDiv'); 
myDiv.scrollTop = myDiv.scrollHeight;

如果使用jquery的话,也很简单
复制代码 代码如下:
var $div = $('#myDiv'); 
$div.scrollTop($div[0].scrollHeight);

标签:# append  # span  # id  # myDiv  # getElementById  # scrollHeight  # jquery  # scrollTop  # nbsp  # br  # 会被遮  # div  # js  # 那就是  # 这会  # 一个问题  # 也很  # 这就  # 都是  # 移动  # scrollbar  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!