Online Beispiel + Navigations Frage

[Camping_RIDER]

Aloha ;)

ich hoffe es ist ok, dass ich die weitere Frage hier in diesen Beitrag schreibe.

Das ist sogar zielführend, so bleibt die Thematik an einer Stelle und überschaubar.

Ich habe eine Frage zu meiner Navigation. Diese sollte beim Home Punkt immer unten angedockt sein, wenn ich dann Scrolle sollte diese nach oben scrollen und dann auch stehen bleiben, dafür könnte ich http://labs.anthonygarand.com/sticky verwenden. Nur wie müsste ich dann mein HTML Grundgerüst aufbauen?

Meiner Meinung nach musst du dafür dein HTML-Grundgerüst nicht ändern. Es wird übrigens in verhältnismäßig naher Zukunft wohl eine CSS-Eigenschaft position:sticky geben (die ist in den Browsern leider noch nicht implementiert), sobald die da ist, kann man es sich sparen, das per jQuery/javascript nachzurüsten...

Jetzt liegt meine Nav außerhalb einer <section></section> wenn ich die Navigation mitwandern lassen möchte dann muss ich die ja zweimal anlegen und zwar einmal in

Nö. Denn du willst ja, dass sie mitwandert. Also willst du auf der gesamten Seite, egal wo man sich befindet, genau diese eine Navigationsleiste sehen.

Habt ihr eine Idee?

Ja, zusätzlich hab ich noch eine. Du sagtest zwar...

Diese sollte beim Home Punkt immer unten angedockt sein, wenn ich dann Scrolle sollte diese nach oben scrollen und dann auch stehen bleiben

... und das ist mit dem von dir Verlinkten wohl auch so zu erreichen. Du musst dann nur noch die Leiste an die richtige Stelle im Home-Screen bringen und das beschriebene jQuery-Kommando losjagen.

Ich frage mich aber, ob du das willst? Weil zumindest im Moment deine Navigation ganz oben drüber steht. Das ist übrigens auch die Stelle, an der ich eine Navigation suche... Wieso also nicht gleich position:fixed mit top:0px, left:0px?

Das heftet dir deine Navigation oben an und lässt sie überall mitscrollen... Oder wenns unten sein soll: bottom:0px - das war zumindest in meinem Test an deinem Livebeispiel ganz hübsch...

Nur so als Anregung. Wenn du aus Designgründen den Sticky-Effekt haben willst ist das natürlich schon okay, auf die von dir verlinkte Methode zurückzugreifen.

Grüße,

RIDER