如何使用jQuery将href的目标id元素scrollIntoView到页面中心

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

<a href="#targetElement" class="scrollLink">滚动到目标元素</a>

$(document).ready(function() {
  $(".scrollLink").click(function(event) {
    event.preventDefault(); // 阻止默认的链接跳转行为
    var target = $($(this).attr("href")); // 获取目标元素
    var offsetTop = target.offset().top; // 计算目标元素相对于文档顶部的偏移量
    var windowHeight = $(window).height(); // 获取窗口高度
    var scrollTo = offsetTop - (windowHeight / 2); // 计算滚动到目标元素的位置
    $("html, body").animate({ scrollTop: scrollTo }, 1000); // 平滑滚动到目标位置，时间为1秒
  });
});