ajax上拉加载数据在UC和QQ浏览器上无效果

原创于 2018-03-06 11:30:49 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动端适配 #ajax加载

Ajax 专栏收录该内容

3 篇文章

订阅专栏

在移动端项目开发中，遇到在UC和QQ浏览器上使用AJAX上拉加载功能时，只有预设的5条数据能显示，无法正常刷新加载更多数据。通过排查，发现问题是由于浏览器高度判定不准确导致，解决方案是在判断条件中增加100像素的高度余量，从而修复了加载失效的故障。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前两天做的一个项目，移动端开发，在手机上测试发现用所有手机的自带浏览器没问题，但是换到UC和QQ浏览器上值加载出后台设定的5条数据，上拉刷新却没有数据，毕竟现在用UC和QQ浏览器的用户还是蛮多的。
上拉刷新的代码如下：

  $(window).scroll(function() {
                var totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
                if ($(document).height()<=totalheight){
                    if (page > 0) {
                        news(baser_url+"&page="+page);
                    } else {
                       $('.no-msg').text('暂无数据');
                    }
                }
            });

后来偶然间发现在浏览器上放大网页数据逐条加载出来，最后判定高度的问题，所以改进后的代码

var totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop() + 100);

放在UC和QQ浏览器下$(document).height()>totalheight,所以才刷新不出来，所以在后面加上100像素就ok了，100像素足够了，还可以设置的再小一点
如有错误，还请大神纠正！