如何进行页面滚动触发鼠标悬停事件？

// 获取页面元素
const targetElement = document.querySelector('#targetElement');

// 监听滚动事件
window.addEventListener('scroll', () => {
  // 获取鼠标位置
  const mousePosition = {
    x: event.clientX,
    y: event.clientY
  };

  // 判断鼠标是否在目标元素上
  const isMouseOverElement = targetElement.contains(document.elementFromPoint(mousePosition.x, mousePosition.y));

  // 触发鼠标悬停事件
  if (isMouseOverElement) {
    targetElement.dispatchEvent(new MouseEvent('mouseover'));
  }
});