监控页面滑到底部加载事件的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();
        }
    }
});
目录
相关文章
|
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
监控页面滑到底部加载事件的jq
81 0
|
JavaScript
油猴脚本,批量采集页面数据复制,数据过长 JS弹出新页面 自定义html代码
油猴脚本,批量采集页面数据复制,数据过长 JS弹出新页面 自定义html代码
551 0
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
ionic3 导航栏返回按钮事件设置 多级页面返回到指定的页面
127 0

相关实验场景

更多