HTML内容仅使用滚动条滚动，而不是鼠标滚轮

Question

我的页面上有一个<div>，其高度固定，并设置了overflow-y: scroll;，以便内容在通过<div>的下边缘时滚动。没什么不寻常的。

出于某些奇怪的原因，如果光标位于<div>中的空格或者它位于滚动条本身上方，鼠标滚轮将仅滚动内容。如果光标恰好位于<div>中的任何文本内容之上，则鼠标滚轮将不会执行任何操作。

在Firefox和Chrome中都会发生这种情况，因此它不仅仅是特定渲染引擎的怪癖。

有问题的<div>通过position: absolute;叠加在另一个上面，所以我假设它背后的<div>干扰了鼠标滚轮事件 - 但是你我认为问题会被逆转（当{/ em>光标位于文本上方时，<div>会滚动，而不是空白区域。

之前有人见过这样的事吗？我很难过！

Answer 1

知道了 - 这是因为我使用的是FancyBox mousewheel plugin。这会导致FancyBox捕获所有鼠标滚轮事件（用于滚动浏览图库）。由于我实际上并没有使用任何画廊，所以我没有必要，所以我把它拿出来并立即解决了我的问题。

Answer 2

尝试将z-index: -1;添加到绝对定位的DIV容器的CSS中。