监控滚动条,实时获取滚动条的位置信息 jq查看滚动条在当前页面的百分比不停加载数据

window.addEventListener("scroll",function(e){
  var h =document.documentElement.scrollTop||document.body.scrollTop;
  console.log(h)
  if(h <= 0){
    alert("到顶部了")
  }
});

jq根据滚动条百分比不停地加载数据 

$(window).scroll(function(){
                var scrollTo = $(window).scrollTop(),
                    docHeight = $(document).height(),
                    windowHeight = $(window).height();
                scrollPercent = (scrollTo / (docHeight-windowHeight)) * 100;
                scrollPercent = scrollPercent.toFixed(1);
                console.log(scrollPercent+"%")
                //请求数据
                if(scrollPercent>90){
                    ty_videoXJCKD(numbers+=10)
                }
            }).trigger('scroll');
var numbers = 10;
function ty_videoXJCKD (numbers){
        var lis = '';
        for (var i = 0; i' +
                    '
'+ ''+ '
'+ '
'+ ''+newsData[i].title+''+ '

'+ ''+newsData[i].name+''+ ''+newsData[i].date+''+ '

'+ '
'+ ''+ '' } } $("#jingcaiKD").html(lis) imgLoad () };

 

 

你可能感兴趣的:(监控滚动条,实时获取滚动条的位置信息 jq查看滚动条在当前页面的百分比不停加载数据)