检测鼠标滚动的方式

document.addEventListener('DOMMouseScroll', function(e) {
  console.log('鼠标滚动的距离：' + e.distance);
  console.log('鼠标滚动的 direction：' + e.direction);
});

function isChildOf(element, parent) {
  while (element) {
    if (element === parent) {
      return true;
    }
    element = element.parentNode;
  }
  return false;
}

// 判断当前鼠标是否在某个元素上，如果不在则返回 false，否则返回 true
function isMouseOverElement(element) {
  return isChildOf(document.body, element);
}

/* 当鼠标在元素上时，设置元素的高度为 0，从而可以实现鼠标滚轮向上滚动的效果 */
element {
  height: 0;
}