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

       }

   }

});

目录
相关文章
|
7月前
|
存储 JavaScript
JS中从a页面跳转到b页面,自动执行一次点击事件
JS中从a页面跳转到b页面,自动执行一次点击事件
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
426 0
|
JavaScript
JS原生代码编写获取当前页面高度和触发滚动事件
JS原生代码编写获取当前页面高度和触发滚动事件
|
JavaScript
js监听页面或元素scroll事件,滚动到底部或顶部
js监听页面或元素scroll事件,滚动到底部或顶部
1278 0
js监听页面或元素scroll事件,滚动到底部或顶部
echarts插件-从后台请求的数据在页面显示空白的问题
echarts插件-从后台请求的数据在页面显示空白的问题
130 0
|
缓存
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
315 0
Echarts链接操作弹出窗口防止重复触发点击事件的解决方案
Echarts链接操作弹出窗口防止重复触发点击事件的解决方案
136 0
|
监控
监控页面滑到底部加载事件的jq
今天发现自己项目有个bug,就是判断是底部判断错误成了顶部 原因是windowHeight 获取的窗口高度出错了,暂时没找到原因,可能是浏览器脑子那里烧坏了, 然后重新写了份 这个获取的是除去任务栏显示的高度 然后把等于改成了大于等于 最后上代码
71 0
|
JavaScript
油猴脚本,批量采集页面数据复制,数据过长 JS弹出新页面 自定义html代码
油猴脚本,批量采集页面数据复制,数据过长 JS弹出新页面 自定义html代码
551 0
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
127 0

相关实验场景

更多