JS代码实现DIV层自动滚动到低端

2012/10/24 15:43:23作者：佚名来源：网络

移动端

【实例名称】

JS代码实现层自动滚动到低端

【实例描述】

div层的滚动条默认显示在顶端，有时候为了让用户可以一目了然地看到结果，可以将层的滚动条设置到最底端。本例学习这种效果。

【实例代码】

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.test{
width:300px;
height:80px;
border:#eee solid 1px;
overflow-x:hidden;
overflow-y:scroll;
}
</style>
</HEAD>
<BODY onload="var t = document.getElementById('test'); 
t.scrollTop = t.scrollHeight;">
<div id="test" class="test">
是否滚动到最底端?<br />
是否滚动到最底端?<br />
是否滚动到最底端?<br />
是否滚动到最底端?<br />
是否滚动到最底端?<br />
是否滚动到最底端?<br />
是否滚动到最底端?<br />
是否滚动到最底端?<br />
是否滚动到最底端?<br />
是否滚动到最底端?<br />
</div>
</BODY>
</HTML>

【运行效果】

运行效果