在滚动时查找位于可见屏幕(视口)中间的元素

function getElementInViewportCenter() {
  const elements = document.querySelectorAll('*');
  const viewportHeight = window.innerHeight;
  const viewportWidth = window.innerWidth;

  let centerElement = null;
  let minDistance = Infinity;

  elements.forEach(element => {
    const rect = element.getBoundingClientRect();
    const centerX = rect.left + rect.width / 2;
    const centerY = rect.top + rect.height / 2;

    if (centerX >= 0 && centerX <= viewportWidth && centerY >= 0 && centerY <= viewportHeight) {
      const distance = Math.sqrt(Math.pow(centerX - viewportWidth / 2, 2) + Math.pow(centerY - viewportHeight / 2, 2));
      if (distance < minDistance) {
        minDistance = distance;
        centerElement = element;
      }
    }
  });

  return centerElement;
}