Beim Klicken auf ein Element können Benutzer ein modales Fenster DIV über das gesamte Fenster öffnen - sein Inhalt ist etwa 100px Höhe, der Rest des Fensters wird verdunkelt werden. Dieser Overlay-Div muss aus anderen Gründen unbedingt mit top: 3rem positioniert werden.Scroll IFrame nach oben funktioniert nicht in Chrome
In Accessibility-Angelegenheiten, während ich das modale Fenster öffne ich den Fokus auf die Overlay-Div, daher ScreenReader wie VoiceOver wissen, wo ich weiter - und Browser ihre Ansichtsfenster zu z. zum Overlay-Fenster.
Dies funktioniert perfekt in allen Browsern über Desktop und Mobile und mit allen Screenreadern usw. bei der Verwendung der Website für sich. Alle Browser-Ansichtsfenster springen nach oben, um das Overlay-Div in seiner ganzen Pracht zu zeigen.
ABER wenn ich die Website über IFrame in ein anderes einschließe, funktioniert dieses «Viewport-Springen zum Overlay-Div» in allen Browsern außer Google Chrome auf Desktop und Android. : -/interessanterweise ScrollTop() funktioniert auch nicht. Chrome bleibt einfach wo es war und ich muss manuell nach oben scrollen, um das Overlay-Div zu sehen.
Irgendeine Idee, wie man den Iframe (oder das Elternfenster) zum Scrollen nach oben (oder einem definierten px-from-top) erzwingt?
Können Sie Ihren Code teilen oder senden Sie uns Link zum Debuggen des Problems –
Wenn es sich nicht um einen Link zu jsfiddle oder eine Alternative, zeigen Sie den Code, so dass zukünftige Leser es auch sehen können. –
@AliMehdi: https://dl.dropboxusercontent.com/u/2481934/site/dataTiles2/index.html – albuvee