滚动加载


$(window).scroll(function(){

//下面这句主要是获取网页的总高度,主要是考虑兼容性所以把Ie支持的documentElement也写了,这个方法至少支持IE8

    var htmlHeight=document.body.scrollHeight||document.documentElement.scrollHeight;

//clientHeight是网页在浏览器中的可视高度,

    var clientHeight=document.body.clientHeight||document.documentElement.clientHeight;

//scrollTop是浏览器滚动条的top位置,

    var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;

//通过判断滚动条的top位置与可视网页之和与整个网页的高度是否相等来决定是否加载内容;

    if(scrollTop+clientHeight==htmlHeight){

if(stop==true){

stop=false;

var count =jsondata.count;

$.ajax({

url:window.httplink+"/" +"dxlb_more",

data:{

"userid":userid,

"dataid":dataid,

"start":count

                },

type:"POST",

dataType:"json",

success:function (data) {

if(data.ztkeys.length>0) {

buildList(data,newqueryRnd,data.count,null);//buildFirstComplet

                        stop=true;

}

else{

$("#dxlbTable").append("没有更多数据了")

}

},

error:function (result) {

stop=true;

console.log(result);

}

});

}

}

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,798评论 0 8
  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,248评论 0 5
  • 登华山有感 久 闻 华 山 险 , 有 幸 喜 登 临 。 攀 越 苍 龙 岭 , 忽 怜 掷 书 人 。
    草根作家阅读 394评论 2 8
  • 部门里有两个妹子特别出挑。 一个长发波浪大眼睛,打扮女人味十足,性格泼辣,受一丁点儿委屈就会开骂,而且有理有据。大...
    是石头要开花了阅读 281评论 0 1