透明屏幕不允许在Firefox中滚动，但在Chrome中工作

Question

我有一个iframe，我想拦截点击事件，但允许滚动。

透明屏幕看起来像：

<div class="iframe-container"> 
    <div class="screen"></div> 
    <iframe></iframe> 
</div> 

.screen { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: transparent; 
} 

在Chrome中，我仍然可以通过屏幕上滚动的iframe，但没有点击，但是我无法在Firefox中滚动。有任何想法吗？

Answer 1

使用下面的代码，它会在所有浏览器

<div class="iframe-container"> 
    <div class="screen"></div> 
    <iframe></iframe> 
</div> 

.screen { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    pointer-events: none; 
    overflow: scroll; 
    background: transparent; 
}