jquery - 即使被绝对定位的元素（slimscroll）覆盖，也可以滚动 - 包括 jsfiddle

Question

因此，slimScroll.js 基本上是一个插件，它禁用原生浏览器滚动，而是启用一个漂亮的滚动条。当您的鼠标悬停在 slimScroll 容器上时，您可以使用鼠标滚轮在其中滚动。

但是，我有一个固定/绝对定位元素覆盖了 slimScroll 容器的一部分，所以如果鼠标悬停在这个固定/绝对元素上，它将不允许您在容器中滚动。

即使将鼠标悬停在固定/绝对定位的元素上，我也希望能够滚动，只要它位于 slimScroll 容器上方。

我已经尝试过 mouseOver 但几天内没有成功，想知道是否有人可以阐明。我用所有代码制作了一个 jsFiddle，这样你就可以看到问题所在。（当鼠标悬停在#scroll-over 元素上时，尝试滚动鼠标滚轮。）

<div id="scroll-over" style="position:fixed;">
</div>

<div id="slimtest1">
content
</div>

http://jsfiddle.net/kfmz58q5/2/

太感谢了！

Answer 1

你可以pointer-events: none这样使用：

#scroll-over {
    pointer-events: none;
}

#scroll-over a {
    pointer-events: auto;
}

第二种解决方案是将#scroll-overdiv 放在里面#slimtest1。这样，您就不需要指针事件，并且可以实现您想要的。