当位置变粘时,我想更改导航栏中链接的颜色。 (“ links-color”)是一个CSS类,用于替换li上的现有类。
粘性位置代码已经正常工作。
var customNav = document.querySelector(".navbarcontainer");
var mylinks = document.querySelectorAll(".nav-link");
var CustomSticky = customNav.offsetTop;
function myNav() {
console.log("CustomSticy= " + CustomSticky);
console.log("scrollY=" + window.scrollY);
if (window.scrollY >= CustomSticky) {
customNav.classList.add("sticky-navbar");
mylinks.classlist.add("links-color")
} else {
customNav.classList.remove("sticky-navbar ");
mylinks.classlist.remove("links-color")
}
}
window.addEventListener('scroll',myNav);