具有叠加层的 div 不会在 Chrome 中滚动答案

【问题标题】：Div having an overlay does not scroll in Chrome具有叠加层的 div 不会在 Chrome 中滚动
【发布时间】：2020-02-27 18:02:37
【问题描述】：

我的一个页面上有一个可滚动的绝对 div，并且在它上面放置了一个透明的覆盖层。在下面创建了一个示例，

overflow-y: scroll; added

但内容在 Chrome 中无法滚动，在 Mozilla 中运行良好。谁能告诉我可能是什么问题。

提前致谢，

内哈

【问题讨论】：

从 jsfiddle 在 Chrome 中工作
overlay 和 box 都是绝对定位的.. overlay 有一定的 left 值和 top 值.. 如果光标在 overlay 上则不会滚动。让我知道叠加的目的
我需要两个具有绝对位置的 div，因为我有一些点击覆盖的功能。

【解决方案1】：

删除最后一个<div>：http://jsfiddle.net/mp0g5ab6/

【讨论】：

【解决方案2】：

从最后一个 div 中删除位置：

<div style=" width:150px; height:55px;"></div>

【讨论】：