懒加载(滚动加载)

Posted jianxin1994

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了懒加载(滚动加载)相关的知识,希望对你有一定的参考价值。

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("加载失败");
                    
                      
            
        

 

以上是关于懒加载(滚动加载)的主要内容,如果未能解决你的问题,请参考以下文章

滚动加载图片(懒加载)实现原理

QT内存数据大,懒加载向有滚动条的文本写入数据

图片懒加载lazyload

滚动条加载功能实现(懒加载)

Vue组件滚动加载懒加载功能的实现,无限滚动加载组件实例演示

页面图片懒加载