scroll滚动到一定区域内加载
有时不让页面一开始加载全部的话，可以控制当滚动条滚动一定区域内才开始加载。
<head>
<title>无标题页</title>
<script type="text/javascript">
function Comment()
{
var com = document.getElementById("Comment");
var dom = (document.compatMode&&document.compatMode=="CSS1Compat")?document.documentElement:document.body;
var sTop = dom.scrollTop;
if(com.offsetTop-sTop-dom.clientWidth<=200)
alert("开始加载");
else
setTimeout("Comment()",1000);
}
setTimeout("Comment()",1000);
</script>
</head>
<body>
<br /><br /><br /><br /><div id="Comment">
评论区域
</div>
</body>
Demo2:
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script src="jquery.js" type="text/javascript"></script><script type="text/javascript">function nextPage(){ var higt=document.getElementById("NewsList").scrollHeight;var top=$("#NewsList").scrollTop();var val=higt-top;$("#msg").html($("#NewsList").scrollTop());$("#msg1").html(higt);$("#msg2").html(val);if(val<300){$("#NewsList").append($("#list1").html());}}</script><style type="text/css">#NewsList{overflow:auto;width:200px;height:250px;}</style></head>
<body><span id="msg"></span><span id="msg1"></span><span id="msg2"></span><div id="NewsList" onscroll="nextPage();" >1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br /></div><div id="list1" >1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br />1111111111<br /></div></body></html>
浙公网安备 33010602011771号