IntersectionObserver懒加载

Posted vicky24k

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IntersectionObserver懒加载相关的知识,希望对你有一定的参考价值。

        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懒加载的主要内容,如果未能解决你的问题,请参考以下文章

IntersectionObserver懒加载

IntersectionObserver实现图片懒加载

IntersectionObserver API js懒加载实现方法

懒加载:判断高度法与IntersectionObserver API法

图片懒加载高性能实现(IntersectionObserver方法)

IntersectionObserver API 之学习