天天看点

有些华为手机上拉加载更多不好使

正常加载更多代码:

//滚动事件触发

    $(window).scroll(function(){

         var scrollTop = $(this).scrollTop();    //滚动条距离顶部的高度

         var scrollHeight = $(document).height();   //当前页面的总高度

         var clientHeight = $(this).height();    //当前可视的页面高度

         if(scrollTop + clientHeight >= scrollHeight){   //距离顶部+当前高度 >=文档总高度 即代表滑动到底部 

             //滚动条到达底部

             // alert(pageNum)

             getList()

         }

         // else if(scrollTop<=0){

            // //滚动条到达顶部

            //  alert(4)

         // //滚动条距离顶部的高度小于等于0

         // }

    });

然后测试发现有的华为手机(比如p30)上拉加载更多失效,是因为有的华为手机这个高度有点误差,

这个当前高度多减几像素就可以触到底了。

var scrollHeight = $(document).height()-5;   //当前页面的总高度

其他代码不变。

继续阅读