如何验证路口观察者代码?

时间:2019-07-17 07:18:53

标签: javascript intersection-observer

随着页面滚动,我正在使用路口观察器更新固定侧导航。但是我在验证代码时遇到问题。

我尝试使用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);
});

我希望代码是有效的,但不是有效的,并且代码验证者无法使它超过第一行。

0 个答案:

没有答案