滚动页面时如何删除活动类

Question

在 Udacity 的登陆页面项目中，他们要求当一个部分在视口中时向我的导航项添加一个活动状态。我的代码成功地提供了链接活动类但没有删除它这是 GitHub 上的代码 ： https ://github.com/BasemAmr/Udacity-FEND-Landing-PageProject/blob/master/js/app.js 和页面预览： https： //basemamr.github.io/Udacity-FEND-Landing-PageProject/

Answer 1

你的问题是你如何选择你的menu_link元素。在第 108 行，你正在做

const links = document.querySelectorAll('menu__link');

这是复制您在函数的前一部分中所做的，但querySelectorAll()需要一个选择器，在本例中是一个类名。并且类名必须以.字符为前缀。这将解决您的问题：

const links = document.querySelectorAll('.menu__link');

您的其余代码似乎工作得很好。