图片懒加载

//日后施工
    // 图片懒加载
    const imgs = document.querySelectorAll('img')
    
    const callback = entries => {
      entries.forEach(entry => {
        if(entry.isIntersecting) {
          const image = entry.target
          const data_src = image.getAttribute('data-src')
          image.setAttribute('src', data_src)
          observer.unobserve( image )
          console.log('触发');
        }
      })
    }

    const observer = new IntersectionObserver(callback)
    
    imgs.forEach((img)=>{
      observer.observe(img)
    })
posted @ 2021-11-11 23:40  古咕咕咕  阅读(20)  评论(0)    收藏  举报