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

简介: 今天发现自己项目有个bug,就是判断是底部判断错误成了顶部 原因是windowHeight 获取的窗口高度出错了,暂时没找到原因,可能是浏览器脑子那里烧坏了,然后重新写了份 这个获取的是除去任务栏显示的高度然后把等于改成了大于等于最后上代码
$(window).scroll(function () {
    var scrollTop = $(this).scrollTop();
    //console.log(scrollTop);
    var scrollHeight = $(document).height();
    //console.log('['+scrollHeight+']');
    var windowHeight = screen.availHeight;
    //console.log('【'+windowHeight+'】');
    if (scrollTop+ windowHeight >= scrollHeight) {
        if (stop == true && ipage <= totalPage) {
            stop = false;
            getMore();
        } else {
            $("#noMoreData").show();
        }
    }
});
目录
相关文章
|
5月前
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
180 0
|
5月前
|
存储 JavaScript
JS中从a页面跳转到b页面,自动执行一次点击事件
JS中从a页面跳转到b页面,自动执行一次点击事件
|
JavaScript
JS原生代码编写获取当前页面高度和触发滚动事件
JS原生代码编写获取当前页面高度和触发滚动事件
|
11月前
echarts插件-从后台请求的数据在页面显示空白的问题
echarts插件-从后台请求的数据在页面显示空白的问题
117 0
|
缓存
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
uniapp的mescroll-body组件与页面切换冲突.mescroll-body组件下拉异常,mescroll-body组件页面跳转回来后下滑屏幕直接触发了下拉刷新.
271 0
Echarts链接操作弹出窗口防止重复触发点击事件的解决方案
Echarts链接操作弹出窗口防止重复触发点击事件的解决方案
120 0
|
JSON 小程序 JavaScript
【小程序】页面事件
【小程序】页面事件
148 0
【小程序】页面事件
|
监控
监控页面滑到底部加载事件的jq
监控页面滑到底部加载事件的jq
77 0
|
JavaScript
油猴脚本,批量采集页面数据复制,数据过长 JS弹出新页面 自定义html代码
油猴脚本,批量采集页面数据复制,数据过长 JS弹出新页面 自定义html代码
537 0
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
120 0