博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IntersectionObserver实现图片懒加载
阅读量:4981 次
发布时间:2019-06-12

本文共 236 字,大约阅读时间需要 1 分钟。

API:

 

直接上源码:

    
  • loading
  • loading
  • loading
  • loading
  • loading
  • loading
  •  

    运行代码后发现,当滚动滚动轴时,只有当<li>区域完全显示出来后才会触发相应的下载图片的http请求。

     

    兼容浏览器:

    desktop:

     

    Mobile:

    转载于:https://www.cnblogs.com/lidgblogs/p/7607582.html

    你可能感兴趣的文章
    vue中提示$index is not defined
    查看>>
    css选择器
    查看>>
    ASP.NET上传下载文件
    查看>>
    Galaxy Nexus 全屏显示-隐藏Navigation Bar
    查看>>
    Spring中使用Velocity模板
    查看>>
    上周热点回顾(8.18-8.24)
    查看>>
    Feature toggle
    查看>>
    day02
    查看>>
    gvim 配置Pydiction
    查看>>
    Linux安装指定mysql版本
    查看>>
    分布式锁的三种实现方式
    查看>>
    poj 2109 pow函数也能这么用?p的开n次方
    查看>>
    Oracle database link
    查看>>
    python调用shell小技巧
    查看>>
    TL431的几种常用用法
    查看>>
    js 经典闭包题目详解
    查看>>
    在项目中移除CocoaPods
    查看>>
    【洛谷】CYJian的水题大赛【第二弹】解题报告
    查看>>
    POJ 1703 Find them, Catch them【种类/带权并查集+判断两元素是否在同一集合/不同集合/无法确定+类似食物链】...
    查看>>
    L1-5. A除以B【一种输出格式错了,务必看清楚输入输出】
    查看>>