В настоящее время я пытаюсь использовать IntersectionObserver, чтобы помочь с моей отложенной загрузкой, однако, когда я включаю его в файл .js, я получаю сообщение об ошибке «« IntersectionObserver »не определен».
Кто-нибудь знает, почему это так?Я новичок в отложенной загрузке и, возможно, мне чего-то не хватает.
Я использую следующий код:
const targets = document.querySelectorAll("img.lazy");
const lazyLoad = target => {
const io = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
console.log(" <3 ");
if (entry.isIntersecting) {
const img = entry.target;
const src = img.getAttribute("data-lazy");
const srcset = img.getAttribute("data-srcset");
img.setAttribute("srcset", srcset);
img.setAttribute("src", src);
img.classList.add("fade");
observer.disconnect();
}
});
});
io.observe(target);
};
targets.forEach(lazyLoad);