仿新浪博客滚动条后ajax加载评论

最新推荐文章于 2022-07-09 00:59:41 发布

weixin_30715523

最新推荐文章于 2022-07-09 00:59:41 发布

阅读量65

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/51xzdy/archive/2012/02/15/2353141.html

本文提供了一个使用JavaScript监听滚动事件并在特定条件下弹出警告框的示例。该示例通过判断滚动位置来决定是否触发警报，适用于网页开发中需要对用户滚动行为作出响应的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title></title>
<style type='text/css'>
#one{
	border:solid 1px green;
	/*width:300px;
	height:200px;*/
}
</style>
<script language='javascript'>
	function fun2()
	{
		var object=document.getElementById('one');
		if(document.body.scrollTop+document.body.clientHeight>object.offsetHeight+30+(document.body.clientHeight/2)){
			alert('hello world');
			window.onscroll=null;
		}
	}
	
	window.onload=fun3;
	function fun3()
	{
		var object=document.getElementById('one')
		
		if(object.offsetHeight+30>document.body.clientHeight){
			window.onscroll=fun2;
		}
	}
</script>
</head>
<body>
<div id='one'>
<script language='javascript'>
	for(var i=0;i<100;i++)
	{
		document.write('3333<br/>');
	}
</script>
</div>
<script language='javascript'>
	for(var i=0;i<100;i++)
	{
		document.write('3333<br/>');
	}
</script>
</body>
</html>

转载于:https://www.cnblogs.com/51xzdy/archive/2012/02/15/2353141.html