如何使用scrollTop使滚动在导航点击上工作

// 获取导航菜单中的所有导航项
const navItems = document.querySelectorAll('.nav-item');

// 给每个导航项添加点击事件监听器
navItems.forEach(navItem => {
  navItem.addEventListener('click', () => {
    // 获取目标导航项对应的目标元素的位置
    const targetId = navItem.getAttribute('data-target');
    const targetElement = document.getElementById(targetId);
    const targetPosition = targetElement.offsetTop;

    // 使用scrollTop属性将页面滚动到目标元素的位置
    window.scrollTo({
      top: targetPosition,
      behavior: 'smooth' // 平滑滚动效果
    });
  });
});