监控页面滑到底部加载事件的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();

       }

   }

});

目录
相关文章
|
1月前
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
28 0
|
9月前
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
182 0
|
4月前
|
JavaScript 前端开发
vue动态class与触发事件点击
vue动态class与触发事件点击
32 0
|
9月前
|
缓存
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
170 0
|
JavaScript
js监听页面或元素scroll事件,滚动到底部或顶部
js监听页面或元素scroll事件,滚动到底部或顶部
1109 0
js监听页面或元素scroll事件,滚动到底部或顶部
|
JSON 小程序 JavaScript
【小程序】页面事件
【小程序】页面事件
123 0
【小程序】页面事件
|
监控
监控页面滑到底部加载事件的jq
今天发现自己项目有个bug,就是判断是底部判断错误成了顶部 原因是windowHeight 获取的窗口高度出错了,暂时没找到原因,可能是浏览器脑子那里烧坏了, 然后重新写了份 这个获取的是除去任务栏显示的高度 然后把等于改成了大于等于 最后上代码
46 0
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
|
JavaScript 前端开发
js实现页面滑动到最底部触发内容加载
js实现页面滑动到最底部触发内容加载
388 0
|
监控 JavaScript 前端开发
3分钟教你用原生js实现具有进度监听的文件上传预览组件
本文主要介绍如何使用原生js,通过面向对象的方式实现一个文件上传预览的组件,该组件利用FileReader来实现文件在前端的解析,预览,读取进度等功能,并对外暴露相应api来实现用户自定义的需求,比如文件上传,进度监听,自定义样式,读取成功回调等。
314 0

相关实验场景

更多