如何在输入聚焦时向下滚动到div

<div style="height: 400px; overflow: auto;">
  <!-- 这里是其他内容 -->
  <div id="targetDiv">
    <!-- 这是目标div -->
  </div>
  <!-- 这里是其他内容 -->
</div>

<input type="text" id="inputField">

<script>
  var inputField = document.getElementById("inputField");
  var targetDiv = document.getElementById("targetDiv");

  inputField.addEventListener("focus", function() {
    var container = targetDiv.parentNode;
    container.scrollTop = targetDiv.offsetTop;
  });
</script>