在视差中心显示div的问题

<div id="parallax-div">
  <!-- 内容 -->
</div>

#parallax-div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 其他样式 */
}

window.addEventListener('scroll', function() {
  var scrollY = window.scrollY; // 获取垂直滚动的距离
  var scrollX = window.scrollX; // 获取水平滚动的距离

  var parallaxDiv = document.getElementById('parallax-div');
  var centerX = window.innerWidth / 2; // 页面宽度的一半
  var centerY = window.innerHeight / 2; // 页面高度的一半

  var offsetX = scrollX - centerX; // 水平滚动距离与页面中心的偏移量
  var offsetY = scrollY - centerY; // 垂直滚动距离与页面中心的偏移量

  parallaxDiv.style.transform = 'translate(' + offsetX + 'px, ' + offsetY + 'px)';
});