是否可以找到视口是否在视口全高的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。