【代码】JavaScript/JQuery实现触底加载

先是JQuery的方法

// JavaScript source code
$(window).scroll(function(){
           var windowH=$(window).height();//设备可见区域高度
           var documentH=$(document).height();//整个网页的高度（包括未显示的部分）
            var scrollH=$(window).scrollTop();//滚动条滚动上去的高度
             //或者  scrollH = $(document).scrollTop();   
            if(windowH+scrollH>=documentH){
               console.log("触底啦~")
           }
        });

原生JavaScript

// JavaScript source code
window.onscroll = function () {
    var windowH = document.documentElement.clientHeight;//网页可视区域高度
    //windowH = window.innerHeight;
    //windowH=window.scrollY;
    var documentH = document.documentElement.offsetHeight;
    //documentH=document.documentElement.offsetHeight;
    var scrollH = document.documentElement.scrollTop;
    if (windowH + scrollH >= documentH) {
        console.log("触底啦~")
    }
}

微信扫码查看本文