Ich habe eine Scroll-Position Problem. Wenn ich Anker von Seite 2 bis Seite 3 verbinde, ist Seite 3 unter der festen Überschrift. BTW, page1 und page2 teilen sich den gleichen festen Header und im selben <iframe></iframe>
. Hier sind meine Seite:Ich habe eine Scroll-Position Probleme, wenn ich Anker von Seite1 zu Seite2 mit einem festen Header verknüpfen
page1:
<html>
<body>
<header class="fixed"></header>
<iframe src="page2"></iframe>
</body>
</html>
page2:
<html>
<body>
<div id="navigation>
<a href="page3.html></a>
</div>
<div id="main">
content
</div>
</body>
</html>
page3:
<html>
<body>
<div id="navigation>
<a href="page2.html class="anchor"></a>
</div>
<div id="main">
content
</div>
</body>
</html>
Wenn ich auf den Link a.anchor im page2, die ganze iframe ist unter der Überschrift. Aber ich kann es normal aussehen lassen, wenn ich meine Maus nach oben bewege. Hier ist das Beispiel der page3. Wenn ich Seite 2 mit Seite 3 verlinke, geht die Bildlaufleiste nicht an den Anfang des gesamten HTML. Der Abstand zwischen beiden ist die Höhe des festen Headers.
Ich versuche die Scroll-Position des Fensters durch Javascript zu ändern, aber es funktioniert nicht. Wie man es löst?
Ich hoffe, dass ich Ihnen meine Frage klar machen.
Die Link ist im ??? && Der Header ändert sich nicht (welcher Header ???) && aber der Inhalt ist unter dem Header ??? –
Ich habe gerade meine Frage geändert. Das tut mir leid. – victoria
Sie möchten die Seite, die den iframe-Änderungsheader enthält, nachdem der Benutzer auf den Link in iframe geklickt hat? –