码迷,mamicode.com
首页 > 其他好文 > 详细

IntersectionObserver懒加载

时间:2019-12-24 20:46:29      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:each   data   abs   bsp   let   加载   trie   懒加载   set   

        const io = new IntersectionObserver(callback);
	let imgs = document.querySelectorAll(‘[data-src]‘);
	function callback(entries){
		entries.forEach((item) => {
			if(item.isIntersecting){
				item.target.src = item.target.dataset.src 
				io.unobserve(item.target)	
			}
			
		})
	} 
	imgs.forEach((item)=>{
		io.observe(item)
	})    

  

 

IntersectionObserver懒加载

标签:each   data   abs   bsp   let   加载   trie   懒加载   set   

原文地址:https://www.cnblogs.com/vicky24k/p/12093278.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!