首页 > 网络编程 > JavaScript > 网页特效 > 页面背景 > div scroll div scroll始终在最底部的实现代码 2009-03-24 00:12:45 作者： 想要设定一个div始终scroll到它的最底部，可以用如下代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> scroll </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <body> <fieldset> <legend>控制台</legend> <div style="border:0px;width:100%; background-color:#F5F8F0;"> <DIV id="dd" style="overflow:auto;left:49px;height:200px;width:100%;top:40px; border:0px; background-color:#F5F8F0;"> 控制台输出。。。<br> 控制台输出。。。<br> 控制台输出。。。<br> 控制台输出。。。<br> 控制台输出。。。<br> </DIV> <input type="text" name="" style="border:0px;width:100%; background-color:#F5F8F0;"> </div> </fieldset> <input type="button" name="" value="不停点我" onclick="test()"> </body> </html> <script language="JavaScript"> function test(){ var vs = document.getElementById("dd").innerHTML; document.getElementById("dd").innerHTML = vs +"控制台输出。。。<br>"; document.getElementById("dd").scrollTop=1000000; } </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
