码迷,mamicode.com
首页 > 其他好文 > 详细

懒加载(滚动加载)

时间:2019-09-26 09:26:31      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:加载   ===   type   UNC   isl   body   ons   doc   加载失败   

canILoad:function(elem,method){
            var scrollDistance = document.body.scrollTop||document.documentElement.scrollTop;   //获取滚动距离
            var availableViewHeight = document.body.clientHeight;   //可视区域高度
            var advancedDistance = 30;  //提前多少开始加载
            
            if(scrollDistance + availableViewHeight > elem.offsetTop - advancedDistance){
                if(!elem.isLoad){
                    console.log("加载成功");
                    if(typeof(method)==="function"){
                        method();
                        elem.isLoad = true;
                    }else{
                        console.log("加载失败");
                    }
                }      
            }
        }

 

懒加载(滚动加载)

标签:加载   ===   type   UNC   isl   body   ons   doc   加载失败   

原文地址:https://www.cnblogs.com/JianXin1994/p/11588626.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!