原生js的触底加载

最新推荐文章于 2024-09-18 09:56:44 发布

负者歌于途，

最新推荐文章于 2024-09-18 09:56:44 发布

阅读量574

点赞数

分类专栏：浏览器

本文链接：https://blog.csdn.net/qq_36893984/article/details/113881952

版权

js javascript

浏览器专栏收录该内容

31 篇文章 0 订阅

订阅专栏

 function getDocumentTop() {
            var scrollTop = 0,
                bodyScrollTop = 0,
                documentScrollTop = 0;
            if (document.body) {
                bodyScrollTop = document.body.scrollTop;
            }
            if (document.documentElement) {
                documentScrollTop = document.documentElement.scrollTop;
            }
            scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
            return scrollTop;
        }

        function getWindowHeight() {
            var windowHeight = 0;
            if (document.compatMode == "CSS1Compat") {
                windowHeight = document.documentElement.clientHeight;
            } else {
                windowHeight = document.body.clientHeight;
            }
            return windowHeight;
        }

        function getScrollHeight() {
            var scrollHeight = 0,
                bodyScrollHeight = 0,
                documentScrollHeight = 0;
            if (document.body) {
                bodyScrollHeight = document.body.scrollHeight;
            }
            if (document.documentElement) {
                documentScrollHeight = document.documentElement.scrollHeight;
            }
            scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
            return scrollHeight;
        }
        window.onscroll = function() {
            if (getScrollHeight() <= getWindowHeight() + getDocumentTop()) {
                console.log('bottom');
                pageSize++
                getList('0', pageSize)
            }
        }