新增加的内容是如何将div的scrollbar自动移动最下面_javascript技巧-js教程-
2025-04-21 01:01:20
5
有时候我们在做动态增长的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);
最近发表
- Javascript四舍五入Math.round()与Math.pow()使用介绍_javascript技巧-js教程-
- jqGrid随窗口大小变化自适应大小的示例代码_jquery-js教程-
- Jquery
- JS控制图片等比例缩放的示例代码_javascript技巧-js教程-
- js 异步操作回调函数如何控制执行顺序_javascript技巧-js教程-
- js 获取、清空input type="file"的值(示例代码)_javascript技巧-js教程-
- document节点对象的获取方式示例介绍_javascript技巧-js教程-
- jQuery点击自身以外地方关闭弹出层的简单实例_jquery-js教程-
- JS刷新当前页面的几种方法总结_javascript技巧-js教程-
- js 通用订单代码_javascript技巧-js教程-
- jquery实现图片翻页效果_jquery-js教程-
- js substring从右边获取指定长度字符串(示例代码)_javascript技巧-js教程-
- JQUERY dialog的用法详细解析_jquery-js教程-
- javascript中typeof的使用示例_javascript技巧-js教程-
- B/S模式项目中常用的javascript汇总_javascript技巧-js教程-
- JavaScript修改css样式style动态改变元素样式_javascript技巧-js教程-
- jquery动态加载select下拉框示例代码_jquery-js教程-
- js判断客户端是iOS还是Android等移动终端的方法_javascript技巧-js教程-
- 一个js控制的导航菜单实例代码_javascript技巧-js教程-
- 如何在JavaScript中实现私有属性的写类方式(二)_javascript技巧-js教程-
- JS与C#编码解码_javascript技巧-js教程-
- jquery如何实现锚点链接之间的平滑滚动_jquery-js教程-
- jquery通过a标签删除table中的一行的代码_jquery-js教程-
- 判断JS对象是否拥有某种属性的两种方式_javascript技巧-js教程-
- jQuery判断checkbox是否选中的小例子_jquery-js教程-
- 利用了jquery的ajax实现二级联互动菜单_javascript技巧-js教程-
- 给ListBox添加双击事件示例代码_javascript技巧-js教程-
- 解析JavaScript中点号“.”的多义性_javascript技巧-js教程-
- Jquery使用Firefox FireBug插件调试Ajax步骤讲解_jquery-js教程-
- javascript利用apply和arguments复用方法_javascript技巧-js教程-
友情链接
-
采集程序
网站源码出售
老域名出售页面
下载
游戏
网站导航
文章
源码下载
软件下载
游戏下载
资料
资源分享
免费小说
六神
海飞丝
CSDN
博客园
php源码
PHP中文网
脚本之家
刘亦菲微博
六神
六神
海飞丝
海飞丝
噬元兽
噬元兽
bieha.cn
www.bieha.cn
缪缇(Miuti)内衣
缪缇(Miuti)内衣
dk028.com
www.dk028.com
四川福
四川福
bzbl.cn
www.bzbl.cn
mlft.cn
www.mlft.cn
7zz压缩
7zz压缩
刘亦菲
刘亦菲
58同城
58同城
鸭苗
鸭苗
caclrc.cn
rgbbs.cn
heiapp.net
zhfjx.cn
sshfy.cn
sxdgc.cn
28city.cn
www.caclrc.cn
www.rgbbs.cn
www.heiapp.net
www.zhfjx.cn
www.sshfy.cn
www.28city.cn
etc吧
etc吧
abdayah.cn
www.abdayah.cn
ddbdzs.cn
www.ddbdzs.cn
安思尔HyFlex
安思尔HyFlex
www.sxdgc.cn
11855.cn
www.11855.cn
11566.cn
www.11566.cn
11355.cn
www.11355.cn
62622.cn
www.62622.cn
cbwq.cn
www.cbwq.cn
www.zrqm.cn
zrqm.cn
rlfm.cn
www.rlfm.cn
www.pbtb.cn
pbtb.cn
knlz.cn
www.knlz.cn
rhwf.cn
www.rhwf.cn
dxfp.cn
www.dxfp.cn
rptb.cn
www.rptb.cn
nzjg.cn
www.nzjg.cn
ygnl.cn
www.ygnl.cn
人心不古
人心不古
rfbc.cn
www.rfbc.cn
rwbs.cn
www.rwbs.cn
img.liuyifei.net
drnu.cn
www.drnu.cn
wyim.cn
www.wyim.cn
远东运输集团
远东运输集团
中宠兽医联盟
中宠兽医联盟
拉贝洛尔
拉贝洛尔
飞行悍马
飞行悍马
uesese.cn
www.uesese.cn
爱坤
爱坤
02613.cn
www.02613.cn
lymzi.cn
www.lymzi.cn
KTOA
KTOA
73216.cn
www.73216.cn
www.crtwd.cn
crtwd.cn
深圳麦迪逊
深圳麦迪逊
kylkc.cn
www.kylkc.cn
dztmd.cn
www.dztmd.cn
pmhlw.cn
www.pmhlw.cn
gfxtk.cn
www.gfxtk.cn
桃子坪村
桃子坪村
京泊汽模
京泊汽模
sh3.cn
www.sh3.cn
7sh.cn
www.7sh.cn
政府机构服务电话
政府机构服务电话
政府机构服务电话
政府机构服务电话
政府机构服务电话
政府机构服务电话
政府机构服务电话
政府机构服务电话
钵钵鸡网
钵钵鸡网
r515.cn
www.r515.cn
g2050.cn
www.g2050.cn
bbc888.com
www.bbc888.com
ha123.net.cn
www.ha123.net.cn
叮咚鸡网
叮咚鸡网
叮咚鸡网
叮咚鸡网
叮咚鸡网
叮咚鸡网
投音网
投影网
卤蛋
卤蛋
博客
