透明屏幕不允許在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; 
}