滾動頁面時如何刪除活動 class

Question

在 Udacity 的登陸頁面項目中，當一個部分位於視口中時，他們要求將活動的 state 添加到我的導航項中。 My code gives links active class successfully but not removing it This Is Code On GitHub: https://github.com/BasemAmr/Udacity-FEND-Landing-PageProject/blob/master/js/app.js And Page Preview: https: //basemamr.github.io/Udacity-FEND-Landing-PageProject/

Answer 1

您的問題是您如何選擇menu_link元素。 在第 108 行，你正在做

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

這復制了您在 function 的前一部分中所做的操作，但querySelectorAll()需要一個選擇器，在本例中為 class 名稱。 和 class 名稱必須以. 特點。 這將解決您的問題：

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

您的代碼的 rest 似乎工作得很好。