首先我们在需要滚动到底部的div部分添加overflow-y: auto;

<div id=”logdiv” style=”height: 20%; width: 100%; overflow-y: auto;”>  
<pre id=”serialmon” style=”border: 0px; margin: 0px; width:100%; height: 100%;”></pre>  
</div>  

然后在插入数据事件部分的js代码中添加:

var boxId = “serialmon”;  
var boxElement = document.getElementById(boxId);  
boxElement.scrollTop = boxElement.scrollHeight – boxElement.clientHeight;  

这样就会自动滚动到页面底部了!