2016-08-10 3 views
0

クリックイベントをブロックするiframeがありますが、スクロールが許可されています。透明な画面ではFirefoxではスクロールは許可されませんがChromeでは機能します

のように見える透明なスクリーン:Chromeで

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

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

、私はまだ画面からのiframeをスクロールただし、クリックしないで、私はFirefoxでスクロールすることはできません。何か案は?

+0

JSソリューションがOKで動作する以下のコードを使用しますか?あなたはそれを簡単にクリックするのを防ぐことができます。 – kthornbloom

+0

私はReactを使用しています。この問題に対するReactソリューションはどのように見えますか? – Evan

答えて

0

は、それはすべてのブラウザ

<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; 
} 
+0

これはスクロールを許可するように機能しますが、iframeへのクリックを許可するようにも見えます – Evan

+0

また、次のCSSコードを使用してください。 – Visveswaran

+0

それはクリックに影響を与えません... – Evan

関連する問題