Ist es möglich, einen nicht scrollenden iFrame in einem scrollenden Div zu haben und Ankerverknüpfungen im iFrame korrekt zu funktionieren? Die Ankerverknüpfungen im iFrame sollten an die Stelle im iFrame rollen. Ich möchte / muss nicht, dass sie auf Elemente auf der übergeordneten Seite verweisen.

Hier ist meine jsFiddle mit einem einfachen Beispiel:

http://jsfiddle.net/shopguy/WjmHG/

und den Code dafür:

<div style="width: 100%; height: 300px; overflow: auto;">
<iframe style="width: 100%; height: 2000px;" src="http://www.hypergurl.com/anchors.html" scrolling="no"></iframe>
</div>

Ich habe keine Verbindung zu dem in meinem Beispiel verwendeten Link hypergurl.com, es war nur das erste Beispiel, das ich von einer Seite mit einem darin enthaltenen Link für die Anker-ID / Name-Syntax finden konnte.

Wenn Sie die JSFiddle laden und im iFrame auf den Link "Nach unten springen" klicken, wird nichts ausgeführt (Testen mit FireFox 19.0.2). Wenn Sie mit verschiedenen Seiten testen, funktioniert dies in FireFox nicht. In Chrome funktioniert dies manchmal beim ersten Klicken. Wenn Sie jedoch nach oben scrollen und erneut klicken, funktioniert dies nicht. In IE8 funktioniert es die meiste Zeit (scrollt).

Das Scrollen funktioniert immer einwandfrei, wenn ich den iFrame selbst über die Bildlaufleisten verfügen lasse (Bildlauf entfernen = "nein"). Dies ist jedoch keine praktische Lösung für mich, da ich Inhalte außerhalb des Frames habe, mit denen ich scrollen möchte. In meinem realen Code habe ich die Höhe des iFrames dynamisch so eingestellt, dass der Inhalt ausgefüllt wird. Auf diese Weise ähnelt er eher dem Inhalt auf meiner Seite.

Zusätzliche Informationen, warum ich das tun muss:

Ich erstelle einen webbasierten E-Mail-Client und bisher scheint es am wenigsten Probleme zu geben, wenn ich den HTML-Text von E-Mails in einem Iframe anzeige, anstatt zu versuchen, ihn in einer Tabellenzelle oder einem Div in meiner Seite anzuzeigen. Ich möchte, dass diese Art von Links funktioniert. Ich habe eine gewisse Kontrolle über den Inhalt, er kommt von meinem Server und ich kann ihn ändern (aber ich möchte ihn nicht zu sehr hacken). Zum Beispiel ändere ich bereits alle Links, um sie in einem neuen Fenster zu öffnen (aber keine Links, die mit # beginnen, sodass dies nicht mein Problem ist).

Ich weiß, dass GMail keine iFrames verwendet, aber mein webbasierter E-Mail-Client XFINITY (per Comcast-Kabel), und sie haben es geschafft, diese zum Laufen zu bringen (aber bisher haben sie nicht herausgefunden, was sie alles tun).