Anker in scrollbarem Div, Fenster soll aber nicht scrollen
minimalist
- html
Hallo und einen schönen Samstagmorgen,
ich habe auf dieser Seite
http://www.iba-hamburg.de/de/04_info/3_kalender/kalender_test.php#heute
(in Arbeit) das Problem, dass ein Anker in der Veranstaltungs-Box (scrollbares Div) sitzt, zu dem beim Laden gesprungen wird. Ich möchte, dass nur innerhalb des Divs an die richtige Stelle gesprungen wird, der gesamte Body aber auf Scrollposition 0,0 bleibt (sonst verschwindet oben die Menüleiste (wenn der Bildschirm nicht so hoch ist).
Hat jemand von euch eine Idee, wie man das lösen kann?
Für die Seite wird eh JS benötigt (leider), deshalb gehen auch JS-Lösungen. 'window.scrollTop' habe ich schon probiert, aber darauf reagiert er irgendwie nicht. Hatte schon die Idee, das als iFrame zu machen, aber bzgl. der Umsetzung im CMS (Webedition) erschien mir das dann doch als keine geeignete Variante.
Viele Grüße
minimalist
Hallo minimalist,
http://www.iba-hamburg.de/de/04_info/3_kalender/kalender_test.php#heute
(in Arbeit) das Problem, dass ein Anker in der Veranstaltungs-Box (scrollbares Div) sitzt, zu dem beim Laden gesprungen wird. Ich möchte, dass nur innerhalb des Divs an die richtige Stelle gesprungen wird, der gesamte Body aber auf Scrollposition 0,0 bleibt (sonst verschwindet oben die Menüleiste (wenn der Bildschirm nicht so hoch ist).
Hat jemand von euch eine Idee, wie man das lösen kann?
Für die Seite wird eh JS benötigt (leider), deshalb gehen auch JS-Lösungen. 'window.scrollTop' habe ich schon probiert, aber darauf reagiert er irgendwie nicht.
Hast du schon
window.onscroll = function () {
window.scrollTo(0,0);
}
probiert?
Gruß Gernot
Hi Gernot,
danke, mit
window.onload = function () {
window.scrollTo(0,0);
}
geht es soweit. Ist etwas unelegant, weil erst nach dem vollständigen Laden der Seite zurück nach oben gesprungen wird, aber es geht. Selber schuld, wenn die so eine komplexe Internetseite haben wollen...
Viele Grüße
minimalist