Я застреваю в проблеме наблюдателя пересечения. Использование document.querySelectorAll('.entry') приводит к возникновению ошибки TypeError: «Uncaught TypeError: Не удалось выполнить« Наблюдение »на IntersectionObserver»: параметр 1 не относится к типу «Элемент». "
Изменение document.querySelectorAll('.entry'); на document.querySelector('.entry'); решает выпускать и все работает.
Что я делаю не так?
Основа c HTML Структура:
<html>
<body>
<div id="content-container">
<div class="content">
<div class="entry">Some content here on each entry</div>
<div class="entry"></div>
<div class="entry"></div>
<div class="entry"></div>
<div class="entry"></div>
<div class="entry"></div>
</div>
</div>
</body
</html>
JavaScript :
const blog = document.querySelectorAll('.entry');
const options = {
root: null,
rootMargin: '0px',
};
const observer = new IntersectionObserver(function(entries, observer) {
entries.forEach((entry) => {
if (!entry.isIntersecting) {
return;
}
else {
console.log(entry);
}
});
}, options);
observer.observe(blog);