Navigationsleiste andocken

Jules91 schrieb am 05.11.2015 um 13:41 Uhr

Hallo zusammen,

ich möchte meine Navigationsleiste nach einer bestimmten Scrolldistanz (nach unten) am oberen Seitenende andocken. D.h. ich habe über der Navigationsleiste einen weiteren Bereich, der nach dem Scrollen verschwinden soll und erst wieder sichtbar wird, wenn ganz an den Seitenanfang gescrollt wird.

(falls ich es schlecht erklärt haben sollte, auf "Apple.com" wird dies ebenfalls verwendet: die schwarze Leiste verschwindet und die weiße/durchsichtige dockt sich an den oberen Seitenrand an)

Danke im Voraus und Grüße

Jules

Kommentare

BilderMacher schrieb am 05.11.2015 um 13:57 Uhr

(falls ich es schlecht erklärt haben sollte, auf "Apple.com" wird dies ebenfalls verwendet:

Mag sein. Nicht nur da, MAGIX nutzt diesen Seiteneffekt ebenfalls:

http://www.magix.com/de/web-designer/premium/

Und unbekannt ist uns dein Wunsch auch nicht. Er "verfolgt" uns schon geraume Zeit und ist im Web Designer 11 per Klick anwendbar.

Du findest hier auf magix.info in der Suche zahlreiche Fragen mit entsprechenden Lösungsansätzen. Suche bitte.

Denn dieses "Fahrrad" ist schon erfunden und bedarf nur noch der Umsetzung des Lesestoffs.

BeRo schrieb am 05.11.2015 um 14:03 Uhr

Wenn ich Dein Problem richtig verstanden habe, dann findest Du die Lösung in diesem Kommentar. Da habe ich detailliert beschrieben, was Du tun musst, um Dein Vorhaben umzusetzen.
In dem Kommentar findest Du auch Links zu einer online Demo und zur Projektdatei, für eigene Versuche.

Viel Erfolg

Edit 14:15 h
@BilderMacher hat natürlich Recht, wenn er auf eine von Magix realisierte Funktion hinweist, die scheinbar mit dem WD11 umgesetzt wurde. Leider trifft das nicht zu, weil das Seitenlayout der verlinkten Site mit Typo3 gemacht wurde, nicht mit dem WD (klick).
Das Nachbilden der Funktion muss also nach wie vor mit dem oben von mir verlinkten Verfahren gemacht werden...

BilderMacher schrieb am 05.11.2015 um 15:16 Uhr

@BeRo,

mir ging es nur darum aufzuzeigen, dass auch MAGIX solche Effekte einsetzt. Wie sie programmiert wurden, war nebensächlich. Ich weiß, dass magix.com auf Typo3 basiert.