div scroll始终在最底部的实现代码_页面背景

<title> scroll </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <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()"> <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需刷新才能执行]