Horizontales Menü fixieren, wenn bestimmte Anzahl von Pixeln nach unten gescrollt

soezkan

Erfahrenes Mitglied
Hallo Leute,

ich habe echt Google "heiß" durchsucht und wusste nicht mehr weiter, deshalb hoffe ich ich finde hier Hilfe.

Ich benötige ein Javascript, welches mir hilft mein DIV, welches ein horizontales Menu enthält steuert. Und
zwar so, dass sich das DIV erst dann fixiert, wenn eine bestimmte Anzahl von Pixeln nach unten gescrollt
wurde.
Ich habe sowas in einem Magento-Shop-Admin gesehen und ich weiß es gibt dafür bestimmt einen
Ausdruck, den ich aber leider nicht kenne.

Will fragen: wie bekomme ich es hin, dass ein MenüBlock erst nachdem der Nutzer 100px nach
unten gescrollt hat, auf einer fixen position stehen bleibt - ganz so als würde es der obere Bildrand
des Browsers mitschieben, aber eben erst nach dem der Leerraum gescrollt wurde.

Vielen Dank für Hilfe!

Soezkan
 
Code:
var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
var vscroll = (document.all ? document.scrollTop : window.pageYOffset);

Damit kannst du dir ansehen wo gerade die Scrollbalken stehen.

Du müsstest dir also einen Eventhandler schreiben der immer bei einem Scrollen überprüft ob der Scrollbereich größer als 100pixel ist, und dann den style deines Div elementes ändert.

lg NoUse4aNick
 
Danke schonmal für die Antwort.

Leider bin ich aber nicht so ein JS Crack, als dass ich mir mal schnell einen Eventhandler schreiben
könnte. Gibts da nicht schon was fertiges, dass ich nur anpassen müsste? Sowas wäre großartig!

Danke.

Liebe Grüße
Soezkan
 

Neue Beiträge

Zurück