js当滚动条即将到达底部自动加载数据

最新推荐文章于 2024-07-16 17:26:59 发布

王焜棟琦

最新推荐文章于 2024-07-16 17:26:59 发布

阅读量4.8k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/u011511086/article/details/75258205

版权

js 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
    $(window).scroll(function () {
        //下面这句主要是获取网页的总高度，主要是考虑兼容性所以把Ie支持的documentElement也写了，这个方法至少支持IE8
        var htmlHeight = $(document).height();  
        //clientHeight是网页在浏览器中的可视高度，
        var clientHeight = $(window).height(); 
        //scrollTop滚动条到顶部的垂直高度
        var scrollTop = $(document).scrollTop(); 
        //通过判断滚动条的top位置与可视网页之和与整个网页的高度是否相等来决定是否加载内容；
        var he = scrollTop + clientHeight;
        if (he >= htmlHeight * 0.9) {
            addListMore();
        }
        //console.log("滚动条位置：" + scrollTop);
        //console.log("可视高度：" + clientHeight);
        //console.log("网页总高度" + htmlHeight);
    });
    function addListMore() {
        console.log("加载更多");
    }
</script>