Ich habe überall gesucht, kann aber keine Lösung finden, bei der sich die Menüauswahl einer Website ändert, wenn ein Benutzer nach unten scrollt. Weiß jemand wie man das macht (am besten in Foundation)?Menü/Topbar ändert sich beim Scrollen nach oben/unten
Ihre Frage ist sehr breit - Sie möchten vielleicht erklären, was Sie wollen. Ich denke jedoch, dass Sie nach einem "klebrigen" Vorsatzeffekt suchen, wie dieses: http://themenectar.com/demo/salient/?
Wenn dies der Fall ist, erwähnt dieser Beitrag (http://foundation.zurb.com/forum/posts/18987-sticky-header-effect) auf den Foren der Stiftung können Sie die Klasse "sticky" verwenden, um den gleichen Effekt zu erzielen.
In Foundation kann der gleiche Effekt erreicht werden, indem die Navbar in eine div class = "sticky" eingeschlossen wird.
Sobald ein Element mit der Klasse "sticky" den oberen Bereich des Ansichtsfensters erreicht, erhält es die Klasse "fixed", die für die Positionierung zuständig ist. Sie können diese Klasse auch verwenden, um die Größe der "festgefahrenen" Navigationsleiste usw. zu ändern.
Ja so etwas nur das Menü ändert sich auch, vielleicht mehr oder weniger Menü Auswahl einmal Benutzer scrollt nach unten. –
Wenn Sie keine jquery-Option verwenden möchten, können Sie ein verstecktes div-Element mit dem zweiten Menü darin haben und dieses div-Element anzeigen lassen, wenn die Klasse 'shrink' aufgerufen wird. heißt '.small-nav .menu2 {display: block};' Wo 'small-nav' ist, was auch immer Klasse die Vorlage an den Header fügt es schrumpfen. (Bearbeitungen: Schlagen Sie früh ein) –
zu breit; genauer: was ändern? Was hast du bisher versucht? –
ändert sich die Menüauswahl. –