监控页面滑到底部加载事件的jq

简介: 监控页面滑到底部加载事件的jq

今天发现自己项目有个bug,就是判断是底部判断错误成了顶部

 

 

原因是windowHeight  获取的窗口高度出错了,暂时没找到原因,可能是浏览器脑子那里烧坏了,

然后重新写了份

 

这个获取的是除去任务栏显示的高度

然后把等于改成了大于等于

最后上代码

 

$(window).scroll(function() {

   varscrollTop = $(this).scrollTop();

   //console.log(scrollTop);

   varscrollHeight = $(document).height();

   //console.log('['+scrollHeight+']');

   varwindowHeight = screen.availHeight;

   //console.log('【'+windowHeight+'】');

   if(scrollTop+ windowHeight >= scrollHeight) {

       if(stop == true && ipage <= totalPage) {

           stop = false;

           getMore();

       } else{

           $("#noMoreData").show();

       }

   }

});

目录
相关文章
|
4天前
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
39 0
|
9月前
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
185 0
|
6月前
echarts插件-从后台请求的数据在页面显示空白的问题
echarts插件-从后台请求的数据在页面显示空白的问题
52 0
|
9月前
|
JavaScript 定位技术 API
vue加载地图,在tab切换到其他页面再切换回来的时候,地图不显示了
vue加载地图,在tab切换到其他页面再切换回来的时候,地图不显示了
653 0
|
9月前
|
缓存
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
174 0
|
10月前
|
JavaScript
fastadmin 自定义 按钮 动态切换数据 TAB切换
fastadmin 自定义 按钮 动态切换数据 TAB切换
194 0
|
JSON 小程序 JavaScript
【小程序】页面事件
【小程序】页面事件
124 0
【小程序】页面事件
|
监控
监控页面滑到底部加载事件的jq
今天发现自己项目有个bug,就是判断是底部判断错误成了顶部 原因是windowHeight 获取的窗口高度出错了,暂时没找到原因,可能是浏览器脑子那里烧坏了, 然后重新写了份 这个获取的是除去任务栏显示的高度 然后把等于改成了大于等于 最后上代码
48 0
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
|
JavaScript 前端开发
js实现页面滑动到最底部触发内容加载
js实现页面滑动到最底部触发内容加载
388 0

相关实验场景

更多