返回文章列表

将滚动条(scrollbar)保持在最底部js代码

<title>将滚动条(scrollbar)保持在最底部js代码</title> <script type="text/javascript"> function add(){ var now = new Date(); var div = documen...

1 分钟阅读

<title>将滚动条(scrollbar)保持在最底部js代码</title>
<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>
<p>
请点击“插入一行”按钮,插入最新信息,当出现滚动条时,滚动条将自动保持在底部。
</p>
<div id="scrolldIV" style="overflow:scroll; height: 100px; width: 400px; border: 1px solid #999;">
</div>
<input type="button" value="插入一行" onclick="add();">

评论交流

暂无评论,欢迎留下你的想法