作者:dudumama2011 | 来源:互联网 | 2014-06-12 16:47
一个比较特殊的客户要求,在一个页面用表格显示数据,数据量不是很多,不希望使用浏览器的滚动条,只能在Div中滚动table中的数据,但是有个特殊的要求,就是必须将滚动条自动滚动到底部。查询了一下相关的资料,...SyntaxHighlighter.all();
一个比较特殊的客户要求,在一个页面用表格显示数据,数据量不是很多,不希望使用浏览器的滚动条,只能在Div中滚动table中的数据,但是有个特殊的要求,就是必须将滚动条自动滚动到底部。
查询了一下相关的资料,Div没有自动滚动的属性,只能模拟鼠标的滚动来tb现实想要的效果。
关键的部分部分在这里:div.scrollTop = div.scrollHeight;
下面是具体实现的精简代码:
1
2
3
4
www.2cto.com
5 id | name | age | memo |
6 000001 | name1 | 24 | memomemomemomemomemo |
7 000002 | name2 | 23 | memomemomemomemomemo |
8 000003 | name3 | 23 | memomemomemomemomemo |
9 000004 | name4 | 23 | memomemomemomemomemo |
10 000005 | name5 | 23 | memomemomemomemomemo |
11 000002 | name2 | 23 | memomemomemomemomemo |
12 000003 | name3 | 23 | memomemomemomemomemo |
13 000004 | name4 | 23 | memomemomemomemomemo |
14 000005 | name5 | 23 | memomemomemomemomemo |
15
16
17
18
24
html>
作者:tbwshc