最近评论
正在载入评论列表...
5.2 层自动滚动到底端
【实例描述】
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>
【运行效果】
本例的运行效果如图5-2所示。
图5-2 本例的运行效果
【难点剖析】
本例的重点是body标签的“onload”事件。通过“getElementById”方法获取要设置滚动条所在的div，然后设置div的“scrollTop”属性值为滚动条的高度。
图书导读
