手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript实现DIV滚动自动滚动到底部的代码
Javascript实现DIV滚动自动滚动到底部的代码
摘要:查询了一下相关的资料,Div没有自动滚动的属性,只能模拟鼠标的滚动来现实想要的效果。关键的部分部分在这里:div.scrollTop=div...

查询了一下相关的资料,Div没有自动滚动的属性,只能模拟鼠标的滚动来现实想要的效果。

关键的部分部分在这里:div.scrollTop = div.scrollHeight;

下面是具体实现的精简代码:

复制代码 代码如下:

<html>

<body>

<div id="divDetail">

<table>

<tr><td>id</td><td>name</td><td>age</td><td>memo</td></tr>

<tr><td>000001</td><td>name1</td><td>24</td><td>memomemomemomemomemo</td></tr>

<tr><td>000002</td><td>name2</td><td>23</td><td>memomemomemomemomemo</td></tr>

<tr><td>000003</td><td>name3</td><td>23</td><td>memomemomemomemomemo</td></tr>

<tr><td>000004</td><td>name4</td><td>23</td><td>memomemomemomemomemo</td></tr>

<tr><td>000005</td><td>name5</td><td>23</td><td>memomemomemomemomemo</td></tr>

<tr><td>000002</td><td>name2</td><td>23</td><td>memomemomemomemomemo</td></tr>

<tr><td>000003</td><td>name3</td><td>23</td><td>memomemomemomemomemo</td></tr>

<tr><td>000004</td><td>name4</td><td>23</td><td>memomemomemomemomemo</td></tr>

<tr><td>000005</td><td>name5</td><td>23</td><td>memomemomemomemomemo</td></tr>

</table>

</div>

</body>

<script type="text/javascript" defer>

var div = document.getElementById('divDetail');

div.scrollTop = div.scrollHeight;

//alert(div.scrollTop);

</script>

</html>

其实,实现是很简单的但是一般很少有这种需求,期间还是走了一些弯路。

【Javascript实现DIV滚动自动滚动到底部的代码】相关文章:

JavaScript实现广告的关闭与显示效果实例

JavaScript实现仿网易通行证表单验证

基于javascript简单实现对身份证校验

JavaScript实现列表分页功能特效

javascript实现点击商品列表checkbox实时统计金额的方法

JavaScript实现鼠标滑过处生成气泡的方法

JavaScript实现简单的数字倒计时

javascript制作的滑动图片菜单

Javascript实现每日自动换一张图片的方法

JavaScript实现斗地主游戏的思路

精品推荐
分类导航