平滑向上和向下滚动到多个锚

<section id="section1">
  <!-- 锚点位置1的内容 -->
</section>

<section id="section2">
  <!-- 锚点位置2的内容 -->
</section>

<section id="section3">
  <!-- 锚点位置3的内容 -->
</section>

<a href="#section1" onclick="smoothScroll('#section1')">滚动到锚点1</a>
<a href="#section2" onclick="smoothScroll('#section2')">滚动到锚点2</a>
<a href="#section3" onclick="smoothScroll('#section3')">滚动到锚点3</a>

function smoothScroll(target) {
  const element = document.querySelector(target);
  window.scrollTo({
    top: element.offsetTop,
    behavior: 'smooth'
  });
}

html {
  scroll-behavior: smooth;
}