如何滚动到div内的元素？

<div id="scrollContainer">
  <div id="targetElement">目标元素</div>
</div>

function scrollToElementInDiv() {
  const scrollContainer = document.getElementById("scrollContainer");
  const targetElement = document.getElementById("targetElement");

  // 获取目标元素相对于滚动容器的位置
  const targetOffset = targetElement.offsetTop;

  // 平滑滚动到目标元素
  scrollContainer.scrollTo({ top: targetOffset, behavior: "smooth" });
}

scrollToElementInDiv();