手机
当前位置:查字典教程网 >编程开发 >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实现设置、获取和删除Cookie的方法

Javascript实现广告页面的定时关闭

javascript制作的滑动图片菜单

JavaScript实现添加、查找、删除元素

JavaScript实现列表分页功能特效

javascript实现Table排序的方法

JavaScript获得指定对象大小的方法

JavaScript实现Iterator模式实例分析

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

javascript实现可全选、反选及删除表格的方法

精品推荐
分类导航