<script type="text/javascript">
function add() {
var now = new Date();
var div = document.getElementById('yunxing');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br />';
div.scrollTop = div.scrollHeight;
}
function scrollWindow() {
scroll(0, 100000);
setTimeout('scrollWindow()', 200);
}
window.onload = function() { scrollWindow();}
</script>
HTML调用显示效果代码:
<div id="yunxing" style="overflow:scroll; height: 100px; width: 400px; border: 1px solid #999;"> </div>
<input type="button" value="插入一行" οnclick="add();">
----------------------------------------------------------------------------------
DIV滚动条置底:
<script>
function scrollWindow(){
var t = document.getElementById('yunxing');
t.scrollTop = t.scrollHeight;
setTimeout('scrollWindow()', 200);
}
window.onload = function() { scrollWindow(); }
</script>