Javascript 使固定子div不阻止父级滚动

我有一个固定的父div，它包含具有绝对位置的元素、溢出父大小的元素，以及一个具有高z索引的固定元素，该元素作为父元素悬停到另一个子元素

代码：

在滚动固定子对象时，有很多关于如何防止滚动父对象的问题，但我需要的是反之亦然。我需要使家长滚动，即使鼠标，或触摸处理固定的孩子

在iOS中，它确实可以工作，但在Android中，当我试图滚动触摸固定div时，什么都没有发生

在Android上滚动固定子对象（固定子对象

overflow

is

auto

）时，我需要做什么才能使父对象滚动

还有，上面的代码

在iOS和Android上

---

当我触摸（滚动）红色矩形时，我需要使父（灰色）div滚动。

你正在开发移动应用程序吗？如果是，请说明您使用的框架。基于此，我建议最好的方法

通常情况下

如果不希望父级或任何div的滚动选项设置为overflow:hidden， 或 另一方面设置为溢出：auto

是解决方案。甚至不需要javascript

我需要将下一个样式添加到固定子元素：

---

指针事件：无
我想我已经清楚地解释过，我确实想让父元素滚动，即使我滚动其中一个固定的子元素。在Android上，我在Chrome和WebView上进行了测试——所有的same@Artur不，你没有正确地解释这个问题。到目前为止，您提供给我们的所有最小代码都是自己生成的，您需要直接在您的问题中提供问题的适当解释。所以请去编辑相应的内容。@s sai yaswanth，这不是答案。如果你需要OP对一个格式不好的问题进行更多的澄清，请使用评论部分。这是。。。奇怪的这可以防止在固定元素中通过鼠标/触摸进行任何交互。这包括单击固定元素内的链接和按钮。如果这不是你的问题，好吧，但请确保这就是你想要的。@PedroLima你完全正确，但就我而言，fixed元素确实没有任何自己的子元素，尤其是clickable
<div style="position:fixed;width:70%;height:70%;overflow-y:scroll;z-index:100;background:lightgrey;overflow-x:hidden">

<div style="position:absolute;width:50%;height:10%;z-index:1;background:darkgrey;top:10%"></div>
<div style="position:absolute;width:50%;height:10%;z-index:1;top:30%;background:darkgrey"></div>
<div style="position:absolute;width:50%;height:10%;z-index:1;top:50%;background:darkgrey"></div>
<div style="position:absolute;width:50%;height:10%;z-index:1;top:70%;background:darkgrey"></div>
<div style="position:absolute;width:50%;height:10%;z-index:1;background:darkgrey;top:90%"></div>
<div style="position:absolute;width:50%;height:10%;z-index:1;background:darkgrey;top:110%;"></div>

<div style="position:fixed;width:100%;height:20%;z-index:1000;background:red"></div>