懒加载

题目一

function isVisible($node){
    if($node.offset().top<$(window).height+$(window).scrollTop()
        && $node.offset().top>$(window).scrollTop()){
            return true
        }
        return false
}

题目二

$(window).on('scroll',function(){
    if($node.offset().top<$(window).height+$(window).scrollTop()
        && $node.offset().top>$(window).scrollTop()){
            console.log(true)
        }
})

题目三

$(window).on('scroll',function(){
    if($node.offset().top<$(window).height+$(window).scrollTop()
        && $node.offset().top>$(window).scrollTop()){
            if(!$node.attr('loaded'){
                console.log(true)
                $node.addClass('loaded')
            })
        }
})

题目四

对于所有的Img标签,把真实的地址放入自定义属性里,因此平时图片不会加载
滚动页面时,检查所有img标签,是否出现在视野中,再判断是否加载过,如果没有则加载

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是懒加载 对于用户暂时不需要的数据,不在页面打开的时候就去发送请求,设置一个条件,当用户触发条件的时候再去加载...
    刘圣凯阅读 252评论 0 0
  • 题目1:如何判断一个元素是否出现在窗口可视范围(浏览器的上边缘和下边缘之间,肉眼可视)。写一个函数 isVisib...
    阿鲁提尔阅读 351评论 0 1
  • 正月初十,是同科春节长假后上班的第一天,为让员工在鸡年里工作生活都“天天向上”,满怀喜悦和激情开始新一年的征程,领...
    toneker阅读 222评论 0 0
  • 第八次打卡作业布置下来的时候,我纠结了很久。写下这个标题的时候,我又是顿感无力,我觉得我简陋的笔触,苍白的...
    还是那海阅读 461评论 10 50