javascript - CSS/JS 滚动一个较低的 z-index div

Question

我有一个容器，其中有两个 div 重叠，灵感来自 this .

较低的 z-index div 有 overflow-y 滚动，它可以滚动，但只有当鼠标光标不在较高的 z-index div 的边界时。

我想将滚动传播到堆栈中较低的 z-index div...

你是如何做到的？

Answer 1

通过设置

pointer-events: none;

在较高的堆叠元素上。它使元素对指针事件透明。
参见 pointer events在 MDN 上。

如果更高的元素有你想要指针事件的 child ，你需要给每个 child :pointer-events: all;(或auto - 默认)。