CSS/JS 向下滚动 z-index div

Question

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

较低的 z-index div 有 overflow-y 滚动，它可以滚动，但只有当鼠标光标不在较高 z-index div 的范围内时才能滚动。

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

你是怎么做到的？

Answer 1

通过设置

pointer-events: none;

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

如果更高的元素有 children，你想在上面有指针事件，你需要给每个 children：pointer-events: all;（或 auto -默认）。