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

时间:2018-08-12 23:42:56

标签: javascript html css overflow z-index

我有一个受this启发的两个div重叠的容器。

z-index较低的div具有溢出y滚动,它只能在鼠标光标不在z-index较高的边界内滚动。

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

您是如何做到的?

1 个答案:

答案 0 :(得分:1)

通过设置

pointer-events: none;
在较高堆叠元素上的

。它使元素透明对于指针事件。
请参阅MDN上的pointer events

如果上层元素具有要在其上发生指针事件的子级,则需要给每个子级:pointer-events: all;(或auto-默认)。