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

2020-11-24 16:12:24  阅读 1068 次 评论 0 条

先是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("触底啦~")
    }
}



微信扫码查看本文
本文地址:https://www.yangguangdream.com/?id=2115
版权声明:本文为原创文章,版权归 编辑君 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?