要素をクリックしている間に、モーダルウィンドウを開くことができます.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)する方法を教えてください。
問題をデバッグするためにあなたのコードを共有したり、私たちにリンクを送ることができます –
jsfiddleまたは代替へのリンクでない限り、将来の読者もそれを見ることができるようにコードを示してください。 –
@AliMehdi:https://dl.dropboxusercontent.com/u/2481934/site/dataTiles2/index.html – albuvee