JS代碼實現(xiàn)DIV層自動滾動到低端

2012/10/24 15:43:23作者：佚名來源：網絡

移動端

【實例名稱】

JS代碼實現(xiàn)層自動滾動到低端

【實例描述】

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>

【運行效果】

運行效果