美文网首页
滚动加载

滚动加载

作者: 3hours | 来源:发表于2018-01-02 16:05 被阅读0次

    $(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);

    }

    });

    }

    }

    });

    相关文章

      网友评论

          本文标题:滚动加载

          本文链接:https://www.haomeiwen.com/subject/zvqqnxtx.html