怎么让div的滚动条一直保持在底部
怎么做呢?都说:vardiv=document.getElementById('dIV1');div.scrollTop=div.scrollHeight;请问加在哪?我...
怎么做呢?都说:var div = document.getElementById('dIV1');div.scrollTop = div.scrollHeight; 请问加在哪?我这个DIV是个AJAX,加在onload里面过3秒了又到最上面了
展开
1个回答
2013-06-09
展开全部
有些时候(如开发聊天程序),我们需要将将滚动条(scrollbar)保持在最底部,比如聊天窗口,最新发出和收到的信息要显示在最下方,如果要看到最下方的内容,就必须保证滚动条保持在最底部。
Javascript:
<script type="text/javascript">
function add() {
var now = new Date();
var div = document.getElementById('scrolldIV');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '
';
div.scrollTop = div.scrollHeight;
}
function scrollWindow() {
scroll(0, 100000);
setTimeout('scrollWindow()', 200);
}
window.onload = function() { scrollWindow(); }
</script>
html代码 :
<div id="scrolldIV" style="overflow:scroll; height: 100px; width: 400px; border: 1px solid #999;">
</div>
<input type="button" value="插入一行" onclick="add();">
Javascript:
<script type="text/javascript">
function add() {
var now = new Date();
var div = document.getElementById('scrolldIV');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '
';
div.scrollTop = div.scrollHeight;
}
function scrollWindow() {
scroll(0, 100000);
setTimeout('scrollWindow()', 200);
}
window.onload = function() { scrollWindow(); }
</script>
html代码 :
<div id="scrolldIV" style="overflow:scroll; height: 100px; width: 400px; border: 1px solid #999;">
</div>
<input type="button" value="插入一行" onclick="add();">
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询