美文网首页
滚动加载

滚动加载

作者: 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);

}

});

}

}

});

相关文章

  • 滚动加载

    滚动加载

  • web前端:交互

    手势 swipe滚动 移动web滚动如何更smoothtouch 下拉刷新上拉/触底加载无限滚动懒加载 传统web...

  • 优化技巧一、UITableView加载图片

    我的想法是TableView滚动的时候不去加载未加载过的图片,停止滚动后再从网络加载。已经加载过得图片,无论什么时...

  • 监测滚动到底部事件 react 自定义hook实现

    近期要实现一个滚动加载的列表组件,很明显可以通过绑定滚动事件来监听是否滚动到底部,每次滚动到底部的时候执行加载,然...

  • 滚动加载

    1、安装vue-infinite-scroll npm i vue-infinite-scroll -D 2、页面...

  • 滚动加载

    $(window).scroll(function(){ //下面这句主要是获取网页的总高度,主要是考虑兼容性所以...

  • 滚动加载

    原理就是监听页面滚动事件,分析clientHeight、scrollTop、scrollHeight三者的属性关系...

  • selenium webdriver滚动加载页面的爬取

    场景:滚动滚动条页面的元素在加载,有时候会出现一个加载更多的按钮,点击后继续加载(googleplay应用市场ap...

  • vue 在pc端实现滚动加载

    实现pc端的滚动加载功能 首先要想滚动加载要知道滚动条距离底部的距离,这里我定义3个方法 然后定义一个menu方法...

  • 滚动条滚动到可视区域加载数据

    实现功能:页面某版块,当滚动条滚动到该区域时加载数据,否则不加载,节省页面加载时间 加一个开关,当ajax请求成功...

网友评论

      本文标题:滚动加载

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