不用計算實現 圖片懶加載

給圖片加上 data-src 屬性

const imgs = document.querySelectorAll("img[data-src]");const config = {rootMargin: "0px",threshold: 0,}; let observer = new IntersectionObserver((entries, self) => {entries.forEach((entry) => {if (entry.isIntersecting) {let img = entry.target;let src = img.dataset.src;if (src) {img.src = src;img.removeAttribute("data-src");}// 解除觀察self.unobserve(entry.target);}}); },config); imgs.forEach((image) => {observer.observe(image); }); 與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的不用计算实现 图片懒加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。