IntersectionObserver实现图片懒加载的示例

API：

https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

直接上源码：

  

    
      .list-item{
 height: 400px; 
 margin: 5px; 
 background-color: lightblue; 
 list-style: none;
      }
    
  
  
    

    

    

    

    

    


    
  

运行代码后发现，当滚动滚动轴时，只有当