将滚动条(scrollbar)保持在最底部的方法
代码如下 |
复制代码 |
<script type="text/javascript">
function add()
{
var now = new Date();
var div = document.getElementById('scrolldIV');
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>
|
div代码
代码如下 |
复制代码 |
<div id="scrolldIV" style="overflow:scroll; height: 100px; width: 400px; border: 1px solid #999;">
</div>
<input type="button" value="插入一行" onclick="add();">
|
function add() 是在 id 为 scrolldIV 的 div 中插入一条信息,并将其滚动条固定在底部
function scrollWindow() 是将整个页面的滚动条固定在页面底部。
补充:网页制作,js教程