求JS延迟加载效果。

[baysos]

不用jquery,不用其他任何公共框架，只用纯JS操作。
效果大概就是QQ空间里看好友动态，一边下拉，当滚动条滚到特定一个div时，加载更多的dom元素。
现在卡在 clientHeight,offsetTop等一大堆网页高度上面，概念有点模糊..……最好举个例子，感谢。

[md5e]

<script>
var _selectrow;
var _selectid;
var _flang=false;
var _issetsize=false;
var _bodyHeight=document.documentElement.clientHeight;

function getData(flang)
{
var datalist=$("dv_datalist").getElementsByTagName("ul");
if(datalist.length<parseInt($("hf_rowcount").value) && !_flang)
{
var w=($("dv_datalist").scrollHeight - $("dv_datalist").offsetHeight);
if(($("dv_datalist").scrollTop * 100)/w>=80 || flang==1)
{
_flang=true;
$('hf_pageindex').value= parseInt($("hf_pageindex").value) + 1;
var url="project_list_ajax.aspx?no-cache="+Math.random();

var Action = 'pageindex='+ escape($('hf_pageindex').value) + getParameters() ;
var options={
method:'post',
parameters:Action,
onComplete:function(transport)
{
var returnvalue=transport.responseText;
var ary_txt=returnvalue.split("<!--item-->");
if(ary_txt.length==2)
{
$("hf_rowcount").value=ary_txt[0];
$("dv_datalist").innerHTML +=ary_txt[1];
resize(3);
setDivEve();
_flang=false;
}
}
};
new Ajax.Request(url,options);
}
}
}

</script>

.... onscroll="getData();"

[md5e]

<script>
var $ = function (objId) {
return document.all ? document.all[objId] : document.getElementById(objId);
}
</script>

[baysos]

[Quote=引用 1 楼 liuchaolin 的回复:]
<script>
var _selectrow;
var _selectid;
var _flang=false;
var _issetsize=false;
var _bodyHeight=document.documentElement.clientHeight;

function getData(flang)
{
var datalist=$("dv_datalist……
[/Quote]
小弟愚笨，判断滚动条滚到指定位置的是这行么：
if(($("dv_datalist").scrollTop * 100)/w>=80 || flang==1)

[莫舍桥西]

javascript code
<script type="text/javascript">
//wait style
function ShowWaiting()
{
document.getElementById('doing').style.visibility = 'visible';
}
function CloseWaiting()
{
document.getElementById('doing').style.visibility = 'hidden';
}
function MyOnload()
{
document.getElementById('doing').style.visibility = 'hidden';
}

if (window.onload == null)
{
window.onload = MyOnload;
}
</script>
body code
<div id='doing' style='Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%'>
<table width='100%' height='100%' id="Table1">
<tr align='center' valign='middle'>
<td style="width: 781px" >
<table id="Table2" class="loading">
<tr align='center' valign='middle'>
<td>
<img src="../images/loading1.gif" /><br>Loading...</td>
</tr>
</table>
</td>
</tr>
</table>
</div>

[md5e]

var w=($("dv_datalist").scrollHeight - $("dv_datalist").offsetHeight);
if(($("dv_datalist").scrollTop * 100)/w>=80)
{