js 上拉加载更多不能正常执行遇到的问题记

最新推荐文章于 2023-03-20 23:38:17 发布

P P PHP

最新推荐文章于 2023-03-20 23:38:17 发布

阅读量431

点赞数

分类专栏： JavaScript 文章标签：上拉加载更多

本文链接：https://blog.csdn.net/xxs18326183038/article/details/108127053

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

上拉加载更多的js代码用的和网上的都一样

 
    $(window).scroll(function(){
        var scrollTop = $(this).scrollTop();
        var scrollHeight = $(document).height();
        var windowHeight = $(this).height();
        console.log(scrollTop+"--"+windowHeight+"--"+scrollHeight);
        if(scrollTop + windowHeight == scrollHeight){
           //ajax请求
        }
    });

但是在上拉到底部时，就是不触发。console的结果显示scrollTop的值正常变化，而windowHeight和scrollHeight的值竟然一直都是相同的，所以才不能触发。经过老长时间的折腾才发现，是因为html头部没有加

<!DOCTYPE html>

这句话造成的，真是坑啊，这谁能想到这玩意。在这里记一下，留着用

P P PHP

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js 上拉加载更多不能正常执行遇到的问题记

上拉加载更多的js代码用的和网上的都一样 $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); console.log(scrollTop+"--"+windowHeight+"--"+scroll
复制链接

扫一扫