随着页面滚动,我正在使用路口观察器更新固定侧导航。但是我在验证代码时遇到问题。
我尝试使用JSLint并参考IO文档,但是没有运气。顺便说一句,我不是开发人员,但我正在学习。任何帮助将不胜感激。在下面可以看到JS:
const changeSectionNav = (entries, sectionObserver) => {
entries.forEach((entry) => {
// verify the element is intersecting
if(entry.isIntersecting) {
// remove old active class
document.querySelector(".nav-active").classList.remove("nav-active");
// get id of the intersecting section
var id = entry.target.getAttribute("id");
// find matching link & add appropriate class
var newLink = document.querySelector(`[href="#${id}"]`).classList.add("nav-active");
}
});
};
// init the observer
const sectionNavOptions = {
threshold: [0, 0.8],
rootMargin: "-150px",
};
const sectionObserver = new IntersectionObserver(changeSectionNav, sectionNavOptions);
// target the elements to be observed
const sections = document.querySelectorAll("section");
sections.forEach((section) => {
sectionObserver.observe(section);
});
我希望代码是有效的,但不是有效的,并且代码验证者无法使它超过第一行。