html滚动分页

        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() // 滚动方法
                }
            }
        });

你可能感兴趣的:(html,javascript,前端)