交叉路口观察员全高元素

时间:2020-08-26 16:23:28

标签: javascript

是否可以找到视口是否在视口全高的DOM元素的元素中间?

我正在使用以下代码,这些代码适用于小于视口的元素,但不适用于大于视口的元素。

var boxes = document.querySelectorAll('.section');

let options = {
  rootMargin: '0px',
  threshold: 1

}

callbackFunction = (entries, observer) => {
    entries.forEach( entry => {

        if (entry.isIntersecting) {
            document.querySelector('.cur').textContent = entry.target.getAttribute('data-sec');
        }

    });
};

let observer = new IntersectionObserver(callbackFunction, options);

boxes.forEach(x=> {
    observer.observe( x );
})


let links = document.querySelectorAll('.link');

links.forEach(item => {
    item.addEventListener("click", (e) => {
        
        console.log( e );


    });
});

例如,此处正确显示了您所在的部分,中间部分的高度为100vh。

https://jsbin.com/hexeteqapu/edit?output

0 个答案:

没有答案