修复了导航栏与锚点标签重叠的问题

body {
  scroll-padding-top: 50px; /* 50px是导航栏的高度 */
}

// 获取导航栏高度
var navbarHeight = document.querySelector('.navbar').offsetHeight;

// 监听页面滚动事件
window.addEventListener('scroll', function() {
  // 获取当前滚动位置
  var scrollPosition = window.scrollY;

  // 获取所有锚点标签
  var anchors = document.querySelectorAll('a[href^="#"]');

  // 遍历锚点标签
  for (var i = 0; i < anchors.length; i++) {
    var anchor = anchors[i];
    var target = document.querySelector(anchor.getAttribute('href'));

    // 判断是否滚动到锚点位置
    if (target.offsetTop - navbarHeight <= scrollPosition && target.offsetTop + target.offsetHeight > scrollPosition) {
      // 修改滚动位置，避免被导航栏遮挡
      window.scrollTo(0, target.offsetTop - navbarHeight);
    }
  }
});