div scroll始終在最底部的實現代碼

2019-11-21 01:26:17

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> scroll </title> <meta name="Generator" content="EditPlus"> <meta name="author" content="http://m.survivalescaperooms.com/"/> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <body> <fieldset> <legend>控制臺</legend> <div style="border:0px;width:100%; background-color:#F5F8F0;"> <div   class="iwvjtn8m0"   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需刷新才能執行]

上一篇：javascript eval()用法

下一篇：jQuery 全選效果實現代碼