使用javascript滚动到元素时添加平滑效果

function smoothScrollTo(element) {
  const targetOffset = element.offsetTop;
  const initialOffset = window.pageYOffset;
  const distance = targetOffset - initialOffset;
  const duration = 500; // 滚动持续时间，单位为毫秒
  let startTime = null;

  function scrollAnimation(currentTime) {
    if (startTime === null) {
      startTime = currentTime;
    }
    const elapsedTime = currentTime - startTime;
    const scrollProgress = Math.min(elapsedTime / duration, 1);
    const scrollPosition = initialOffset + distance * scrollProgress;
    window.scrollTo(0, scrollPosition);

    if (scrollProgress < 1) {
      window.requestAnimationFrame(scrollAnimation);
    }
  }

  window.requestAnimationFrame(scrollAnimation);
}

const targetElement = document.querySelector("#targetElement");
smoothScrollTo(targetElement);