Javascript滚动事件添加类

Question

大家好，我有滚动事件的问题：当该部分在视口中（可见）时，我想向某个链接添加一个类，但问题是如果我的滚动位置在selected range（中if statement）之间，一切正常，class添加到link. 但是，如果我不断滚动到下一部分，则会无限添加该类。我如何只能在if statement为 true 时添加它（滚动位置在 之间selected range）？// Element position  const attractionSectionPos = Math.floor(ui.attractions_section.getBoundingClientRect().top);// For intro section  if(attractionSectionPos <= 250 && attractionSectionPos >= -450) {    // Remove the active link if we have more than one    document.querySelectorAll('.active').forEach(link => link.classList.remove('active'));                    // Add the class when section is in viewport    document.querySelector('[data-link="attractions"]').classList.add('active');    // Prevent default so we only add the class once    e.preventDefault();  // Remove the class if section is not in viewport  } else { document.querySelector('[data-link="attractions"]').classList.remove('active') }如果我添加e.preventDefault()它会给我一堆错误。例如： Uncaught TypeError: e.preventDefault is not a function

Answer 1

我添加if statement了以下内容：

!document.querySelector('[data-link="attractions"]').classList.contains('active')

现在一切正常，顺利，并增加了class只有一次，当section在viewport