聊天窗口，滚动条置底

最新推荐文章于 2022-05-30 16:45:36 发布

weixin_38169786

最新推荐文章于 2022-05-30 16:45:36 发布

阅读量115

点赞数

原文链接：http://www.cnblogs.com/lovening/archive/2011/07/02/2096495.html

版权

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title > 无标题文档 </ 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 >

</ head >

< body >
< div id ="scrolldIV" style ="overflow-y:scroll; overflow-x:hidden; height: 100px; width: 400px; border: 1px solid #999;" >
</ div >
< input type ="button" value ="插入一行" onclick ="add();" >
</ body >
</ html >

转载于:https://www.cnblogs.com/lovening/archive/2011/07/02/2096495.html