使用鼠标滚轮滚动到相应的部分，纯js

// 监听鼠标滚轮事件
window.addEventListener('wheel', function(event) {
  event.preventDefault(); // 阻止默认滚动行为

  // 获取滚动方向
  var delta = event.deltaY || event.detail || event.wheelDelta;
  var direction = delta > 0 ? 'down' : 'up';

  // 获取需要滚动到的元素
  var targetElementId = '';

  // 根据滚动方向确定目标元素
  if (direction === 'down') {
    // 向下滚动时，找到下一个可见元素
    var currentElement = document.elementFromPoint(window.innerWidth / 2, window.innerHeight / 2);
    var nextElement = currentElement.nextElementSibling;
    while (nextElement && nextElement.offsetHeight === 0) {
      nextElement = nextElement.nextElementSibling;
    }
    if (nextElement) {
      targetElementId = nextElement.id;
    }
  } else {
    // 向上滚动时，找到上一个可见元素
    var currentElement = document.elementFromPoint(window.innerWidth / 2, window.innerHeight / 2);
    var previousElement = currentElement.previousElementSibling;
    while (previousElement && previousElement.offsetHeight === 0) {
      previousElement = previousElement.previousElementSibling;
    }
    if (previousElement) {
      targetElementId = previousElement.id;
    }
  }

  // 滚动到目标元素
  if (targetElementId) {
    var targetElement = document.getElementById(targetElementId);
    targetElement.scrollIntoView({ behavior: 'smooth' });
  }
});