新增加的内容是如何将div的scrollbar自动移动最下面
更新时间：2014年01月02日 16:50:21 投稿：whsnow
在做动态增长的div时,一般都是将内容append到div的最下面,但这会带来一个问题,那就是新增加的内容会被遮在最下面,具体实现如下,感兴趣的朋友可以参考下
有时候我们在做动态增长的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实现前端实时搜索功能 ，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
js(JavaScript)实现TAB标签切换效果的简单实例
本篇文章主要是对js(JavaScript)实现TAB标签切换效果的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
使用纯前端JavaScript实现Excel导入导出方法过程详解
这篇文章主要介绍了使用纯前端JavaScript实现Excel导入导出方法过程详解，文章通过示例代码和图文解析介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
JavaScript实现网页上的浮动广告的简单方法，需要的朋友可以参考一下2013-06-06
这篇文章主要为大家详细介绍了Bootstrap FileInput实现图片上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
专IE7浏览器，IE URL参数过长问题，引发HTTP Status 122报错；this作用域问题，对应的解决方法如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
本文主要讲述通过 Three.js + Blender 技术栈，实现 Meta 公司炫酷的 3D 动态 Logo，内容包括基础模型圆环、环面扭结、管道及模型生成、模型加载、添加动画、添加点击事件、更换材质等2021-11-11
bootstrap table实现点击翻页功能 可记录上下页选中的行
这篇文章主要介绍了bootstrap table实现点击翻页功能，可记录上下页选中的行，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
大体的意思就是想写一些js,使得网页上能玩多个游戏。譬如：贪吃蛇、俄罗斯方块、推箱子、坦克等等。2009-12-12
这篇文章主要为大家详细介绍了js实现图片3D轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
最新评论