Slide in menu

[peter_lang]

Hallo Gemeinde,

ich würde gerne diesen Menu-Effekt einbauen https://www.tempton.de/de/tempton-fu...en/talentpool/. Beim herunterscrollen erscheint das Menu dann ... gibts dazu ein Modul oder eine Beschreibungsseite? Habe leider nicht viel passendes gefunden

Ist das ein ein normaler Sticky header?

Danke im Voraus

[Gassi]

Hey,
es gibt hierfür mehrere Wege. Einer z.B.:

1. ein zweites Menü anlegen das beim runterscrollen eingeblendet wird (und dieses z.B. über jquery oder CSS ausblenden).
2. Über Jquery abfangen wenn runtergesrollt wird über scrollTop();
3. ausgeblendetes Menü über Jquery einblenden lassen
4. genau das selbe andersrum beim erreichen von Scoll Punkt 0

Gruss Gasssi

ps - ein Beispiel:

$(window).scroll(function() {
    var height = $(window).scrollTop();

    if(height  > some_number) {
        // do something
    }
});

[Mr. Acylase]

Hi Peter,
ich habe mir hierzu zwei Navigationsmenüs angelegt (ID1: menu und ID2: menu_slide). Per Jquery blende ich dann beim scrollen das eine Menü aus und das andere ein. Anbei noch mein Code Beispiel:

<script>
$(document).ready(function(){

	// Das Menue wird ausgeblendet
	$("#menu_slide").hide();

	// Funktion für das Scroll-Verhalten
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 70) { // Ausblenden bzw. einblenden wenn 70 Pixel gescrolled wurde
				$('#menu_slide').fadeIn();
				$("#menu").fadeOut();
			} else {
				$('#menu_slide').fadeOut();
				$("#menu").fadeIn();
			}
		});

	});
});
</script>

Sehen kannst Du das Menu unter www.sanitaetshaus-kern.com/startseite.html (Seite befindet sich noch in der Entwicklung)

Grüße
Stefan

[peter_lang]

Ja super, genau das suchte ich .. gracias