滑动到页面底端自动加载下一页方法

之前做的手机端，页面加载是靠下一页上一页实现的，

公司最新的需求，要求改成滑动到底端自动加载下一页。

我分到这个需求后，开始构思怎么去实现

上网百度了一些瀑布流加载图片的文章

大多是ajax加载数据，我没有接触过怕影响效率

然后各取所需，做了自己的这一套加载数据的方法

写法也不一样，我就以我的为例吧。

function userclass(start){
try{

var restrict=1;                                  //定义俩个变量，控制pageTo方法执行一次
var d_restrict=1;

$(window).bind("scroll", function (event) {

totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());   //滚动条到网页头部的 高度，兼容ie,ff,chrome

var textheight =$(document).height();                    //网页的高度
if(textheight==totalheight){
for(;d_restrict>=restrict;restrict++){

pageTo(String(parseInt(start)+1),parseInt((cou+4)/5));  //传俩个参数，一个是下一页的页码，一个是总页数

}
}

});

}catch(e){
hkmsg("亲,请您先登录再继续操作","login.htm","warning");
}

}); 

function pageTo(pageIndex,zong) {
if(pageIndex<zong){
userclass(pageIndex);
}else{
getObject("recount").innerHTML="已经是最后一条^_^";     // recount  为页面底端的提示
}
}
window.setTimeout('userclass(1)',0); //进入页面默认执行userclass