html滚动分页

余光中都是你

已于 2023-02-13 19:58:13 修改

阅读量428

点赞数

文章标签： html javascript 前端 Powered by 金山文档

于 2023-02-13 19:57:08 首次发布

本文链接：https://blog.csdn.net/qq_45351792/article/details/129015983

版权

        let valSize = 20
        $(window).on("resize scroll",function(){
            var windowHeight = $(window).height();//当前窗口的高度
            var scrollTop = $(window).scrollTop();//当前滚动条从上往下滚动的距离
            var docHeight = $(document).height(); //当前文档的高度
            // console.log(scrollTop, windowHeight, docHeight);
            //当 滚动条距底部的距离 + 滚动条滚动的距离 >= 文档的高度 - 窗口的高度
            //换句话说：(滚动条滚动的距离 + 窗口的高度 = 文档的高度) 这个是基本的公式
            if (scrollTop + windowHeight >= docHeight) {
                // console.log("===加载更多数据===");
                valSize++;
                getScroll() // 滚动方法
                }
            }
        });