2016-03-30 16 views
2

要素をクリックしている間に、モーダルウィンドウを開くことができます.DIVはフルサイズのウィンドウをオーバーレイ表示します。コンテンツの高さは100px程度ですが、残りのウィンドウはブラックアウトされます。このoverlay-divは、他の理由によりtop:3remと絶対的に配置する必要があります。クロムでIFrameをスクロールしても機能しない

モーダルウィンドウを開いている間、私はoverlay-divにフォーカスを設定しました。そのため、VoiceOverのようなScreenReaderはどこでどこを続けるかを知っています。オーバーレイウィンドウに移動します。

これは、サイトを単独で使用している間は、デスクトップとモバイルのすべてのブラウザとすべてのスクリーンリーダーなどで完全に機能します。すべてのブラウザビューポートが一番上にジャンプし、overlay-divが完全に表示されます。

しかし、iframeを介して別のウェブサイトにウェブサイトを含めると、この「ビューポートからオーバーレイにジャンプする」は、デスクトップとAndroidのGoogle Chrome以外のすべてのブラウザで機能します。 :/興味深いことにscrollTop()はどちらもうまくいきません。 Chromeはどこにあってもそのまま維持され、手動でスクロールしてoverlay-divを表示する必要があります。

任意のアイデアiframe(または親ウィンドウ)をスクロール(または指定したpx-from-top)する方法を教えてください。

+1

問題をデバッグするためにあなたのコードを共有したり、私たちにリンクを送ることができます –

+1

jsfiddleまたは代替へのリンクでない限り、将来の読者もそれを見ることができるようにコードを示してください。 –

+0

@AliMehdi:https://dl.dropboxusercontent.com/u/2481934/site/dataTiles2/index.html – albuvee

答えて

0

JSで手動でscrollToToClickを修正しました。

クロムのバグになるシーム - 私はすでにそれを報告しました。

+0

参考までに、バグレポートを解答にリンクさせる方が良いでしょう。 – Oriol

+0

@Oriol:もしできれば - Googleは私にリンクを送ってこなかった、または私が報告書を見ることができるページに私を転送した...ありがとうございます。 -/ – albuvee

+0

どうやってバグを報告しましたか?通常はhttps://bugs.chromium.org/p/chromium/issues/で「新しい問題」を作成することで完了します。リンクはhttps://bugs.chromium.org/p/chromium/issues/のようになりますdetail?id = Oriol

関連する問題