javascript - 如何在滚动时平滑滚动到下一个目标元素

Question

我正在尝试实现滚动到下一个目标元素的类似解决方案，如下所示:https://alvarotrigo.com/fullPage/#page3

到目前为止我的代码:

let disableClick = false
window.addEventListener('scroll', () => {
  window.onscroll = slideMenu;
  if (window.scrollY > elementTarget.offsetTop) {
    const scrolledPx = (window.scrollY - elementTarget.offsetTop);

    if (scrolledPx > 100 && !disableClick) {          
      const link = document.getElementById('2');          
      link.click();
      disableClick = true
    }
  }
} 

问题是当我滚动到下一个元素并返回时，平滑滚动被禁用。当我遇到这样或类似的情况时，如何启用点击事件？:

if (scrolledPx < 100 && !disableClick) {          
  const link = document.getElementById('2');          
  link.click();
  disableClick = true
}

Answer 1

使用css实现流畅的滚动

 html {
      scroll-behavior: smooth;
    }