实现用js在div里让它在内容更新时自动滚到底部

最新推荐文章于 2024-07-26 03:34:02 发布

趋势大仙

最新推荐文章于 2024-07-26 03:34:02 发布

阅读量2.3k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/wyyother1/article/details/80264679

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>

<script type="text/javascript">
function update()
{
   var now = new Date();
   var div = document.getElementById('infoContent');
   div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br /><br />';
   div.scrollTop = div.scrollHeight;
}
</script>
<div id="infoContent" style="overflow:hidden ; height: 200px; width: 500px; border: 0px solid #000;color:#0000cc;font-weight:bold;padding: 10px 10px 10px 10px;">
</div>
<input type="button" value="插入一行" οnclick="update();">
实现用js在div里让它在内容更新时自动滚到底部</body>
</html>