Das Logo bekommt ein position: fixed, das Menü ein position:absolute. Beide mit den entsprechenden Werten. Mit onscroll fängst du per pageYOffset die aktuelle Scrollposition ab und der Rest ist reine Mathematik. Ab einer bestimmten Position bekommt dann das Menü ein position: static.
kleines Problem, in der Hoffnung es kann jemand helfen,
wir arbeiten an einer Website bei der die ein Logo zentriert und fix positioniert ist (ähnlich chanel-news.chanel.com).
Nun sitzt etwa 300px weiter unten das Menü. Wenn wir nun nach unten Scrollen soll das Menü zunächst fix stehen, bis das Logo etwa 50px vom Menü entfernt ist. Wenn nun noch weiter nach unten gescrollt wird, sollen beide Logos mit dem Abstand von 50px mitscrollen (das Logo soll also nicht das Menü "überrollen", das Menü soll dann einfach genau das gleiche tun, wie das Logo).
Einen Kommentar schreiben: