Javascript CSS/JS滚动较低的z索引div_Javascript_Html_Css_Overflow_Z Index

Javascript CSS/JS滚动较低的z索引div

javascript html css

Javascript CSS/JS滚动较低的z索引div,javascript,html,css,overflow,z-index,Javascript,Html,Css,Overflow,Z Index,我有一个容器，两个div重叠，灵感来自较低的z-index div具有overflow-y scroll，并且它只能在鼠标光标不在较高的z-index div的范围内时滚动我想将滚动传播到堆栈中较低的z索引div 你是如何做到的通过设置 pointer-events: none; 在较高的堆叠元素上。它使元素对指针事件透明。请参见MDN上的如果较高的元素有子元素，您希望在其上设置指针事件，则需要为每个子元素指定：pointer events:all（或自动-默认）

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

较低的z-index div具有overflow-y scroll，并且它只能在鼠标光标不在较高的z-index div的范围内时滚动

我想将滚动传播到堆栈中较低的z索引div

你是如何做到的

通过设置

pointer-events: none;

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

如果较高的元素有子元素，您希望在其上设置指针事件，则需要为每个子元素指定：

pointer events:all（或自动
-默认）