How to get all the observed Elements as we scroll down using the intersection Observer?

< < < 
var targets = [...document.getElementsByName('item-id')];


const options = { };

let clickedId_test;

const observer = new IntersectionObserver(function(entries,
    observer){
        entries.forEach(entry => {
            if (!entry.isIntersecting) {
                return;
            }
            clickedId_test = entry.target
            console.log(clickedId_test)

        });
    }, options);


targets.forEach(like_button => {
    observer.observe(like_button);
})
< < <

Когда вы прикрепляете наблюдателей Intersection Observors к целевым элементам? Вызывается ли он при начальной загрузке или после того, как все div'ы были лениво загружены?

Если он вызывается изначально, то причина его неработоспособности может заключаться в том, что во время начальной загрузки в массив target попадают только первые 6 div, и вы следите только за этими начальными div'ами. Те, которые загружаются лениво, никогда не запрашиваются, и, следовательно, на них нет наблюдателей.

Если он вызывается после загрузки всех div'ов, включая лениво загруженные, то он должен работать

Вернуться на верх