Sonntag: Navigation

Beitrag lesen

Hallo,

Ich komme mit dem Firebug einfach nicht klar und durch den Quelltext sehe ich auch nicht durch :/

einfach… und mit zwei- bzw. dreifach etc.?

der Ticker macht ein paar Probleme das nav Element zu untersuchen, aber es geht!

Wenn du das <nav id="main-nav" class="fixed-enabled"> untersuchst und dann so weit herunter scrollst, das die <nav> fixiert wird kannst du sehen das die class Eigenschaft sich ändert: <nav id="main-nav" class="fixed-enabled fixed-nav">, also musst du dir nur noch die dazugehörige class Eigenschaft anschauen. Vorausgesetzt du hast es zumindest soweit verstanden, wie du das scroll-event belauschen kannst, welches dir die scroll-position liefert.

position:sticky ist eine super elegante Alternative, doch bisher ist das ohne JS-Fallback produktiv noch nicht sinnvoll einsetzbar.