我有一个固定的网站标题。
当页面滚动 10px 时,类被添加到元素的底部。
当我滚动回页面顶部时,我无法删除课程。
他们应该消失。
或者这不是它的做法?如果假设我一直滚动到底部并旋转 10px 到顶部,它们可能会被删除,我认为这不好。
function scroll() {
let elem = document.querySelectorAll('a.navigation-link') // Несколько ссылок.
if (pageYOffset = '10') {
document.querySelector('.header').classList.add('header-on') // Добавляю класс к элементу.
for (let i = 0; i < elem.length; i++) { // Добавляю классы к элементам.
elem[i].classList.add('navigation-link-on')
}
}
if (pageYOffset = '0') {
document.querySelector('.header').classList.remove('header-on')
for (let i = 0; i < elem.length; i++) {
elem[i].classList.remove('navigation-link-on')
}
}
}
window.addEventListener('scroll', scroll)
切勿在“滚动”上使用 addEventListener 来控制可见区域。这就是 IntersectionObserver 的用途。这是当块“离开”可见区域至少 1 个像素时添加/删除类的示例。