如何在使用航点滚动时更改固定导航菜单上的背景颜色(JS ES6)

window.addEventListener('scroll', function() {
  // 在这里编写滚动事件的处理逻辑
});

window.addEventListener('scroll', function() {
  var scrollPosition = window.pageYOffset;
  // 在这里根据滚动位置来更改导航菜单的背景颜色
});

window.addEventListener('scroll', function() {
  var scrollPosition = window.pageYOffset;
  
  if (scrollPosition > 200) {
    // 当滚动位置超过200像素时，添加特定的CSS类
    // 例如，可以使用classList.add方法来添加CSS类
    document.querySelector('.navbar').classList.add('scrolled');
  } else {
    // 当滚动位置小于等于200像素时，移除特定的CSS类
    // 例如，可以使用classList.remove方法来移除CSS类
    document.querySelector('.navbar').classList.remove('scrolled');
  }
});

.scrolled {
  background-color: #f00; /* 设置滚动时的背景颜色 */
}