jQuery 动态添加div内容自动滚动到末尾

最新推荐文章于 2023-08-16 15:59:41 发布

原创最新推荐文章于 2023-08-16 15:59:41 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jQuery css 专栏收录该内容

1 篇文章

订阅专栏

本文展示了一个使用JavaScript实现的动态网页元素更新功能，通过触发时间戳生成唯一ID，并利用DOM操作实现实时添加和滚动至底部的效果。

<div id="aaa" style="overflow: auto;height:50px;width:200px">
</div>

<script type="text/javascript">
		$(function(){
			var initOffset = 0;
			$("#append").click(function(){
				var id = new Date().getMinutes()+'-'+new Date().getSeconds()+'-'+new Date().getMilliseconds();
				$("#aaa").append("<div id='"+id+"'>bbb"+id+"<br>")
				$("#aaa").animate({scrollTop:$("#aaa")[0].scrollHeight},'1000');
			});
		})
	</script>