GoldenLine
Zaloguj się
Szymon Z.

Szymon Z. Życie nadal potrafi
mnie zaskakiwać ...

Temat: Menu ze zmienną lokalizacją

Jak uzyskać efekt z menu górnym jak np. na tej stronie: http://www.instantshift.com/ ?
Link do wypowiedziLink
Michał Ł.

Michał Ł. Front-end developer,
Web Developer

Temat: Menu ze zmienną lokalizacją

Chodzi o to ?

http://www.sutanaryan.com/how-to-create-fixed-menu-whe...
Link do wypowiedziLink

konto usunięte

Temat: Menu ze zmienną lokalizacją

Kiedyś coś takiego mi pomogło, ale sporo wody już upłynęło więc nie wiem czy nadal wtyczka jest rozwijana.

http://askwebexpert.com/stick-it/
Link do wypowiedziLink
Marcin Gólcz

Marcin Gólcz golczdesign.pl

Temat: Menu ze zmienną lokalizacją

Sprawdź to:

JS:


var menu = $('#menu');    

        pos = menu.offset();

        $(window).scroll(function(){

            if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){

                menu.fadeOut(100, function(){

                    $(this).removeClass('default').addClass('fixed').fadeIn(100);

                });

            } else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){

                menu.removeClass('fixed').addClass('default');            

            }

 });


CSS:


.default {

	height: 50px;

	display: block;

}



.fixed {

	top: -5px;

	left: 0;

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 999;

}
Ten post został edytowany przez Autora dnia 17.02.14 o godzinie 16:59
Link do wypowiedziLink
Szymon Z.

Szymon Z. Życie nadal potrafi
mnie zaskakiwać ...

Temat: Menu ze zmienną lokalizacją

Michał, dokładnie chodzi o efekt, jak na podanej przez Ciebie stronie, z drobnym ale - tło pod całością strony będzie w postaci zafixowanego zdjęcia ... Muszę to teraz wszystko poskładać do kupy ...
Dzięki za wsparcie ;)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Podkategorie - rozsuwane menu




Wyślij zaproszenie do
Anuluj