即使被绝对定位元素（slimscroll）覆盖也会滚动 - 包括jsfiddle

Question

因此，slimScroll.js基本上是一个禁用本机浏览器滚动的插件，而是启用一个漂亮的滚动条。当您的鼠标悬停在slimScroll容器上时，它将允许您使用鼠标滚轮在内部滚动。

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

我希望能够在悬停在固定/绝对定位元素上时滚动，只要它在slimScroll容器上方。

我已经尝试过使用mouseOver，但是几天之内没有设法到达任何地方，并且想知道是否有人可以放弃任何光线。我已经用所有代码制作了一个jsFiddle，这样你就可以看到问题所在。 （当鼠标悬停在#roll-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-over div放在#slimtest1内。这样，你就不需要指针事件，你可以实现你想要的。