Cześć !
Zastanawiam się jak osiągnąć efekt takie menu jak jest na tej stronie : http://growthrepublic.com/ - tzn, aby było zaczepione pomiędzy 2 slajdami na stronie, oraz później podążało za scrollowaniem na górze strony. Proszę o rady.
Pozdrawiam
Cześć !
Zastanawiam się jak osiągnąć efekt takie menu jak jest na tej stronie : http://growthrepublic.com/ - tzn, aby było zaczepione pomiędzy 2 slajdami na stronie, oraz później podążało za scrollowaniem na górze strony. Proszę o rady.
Pozdrawiam
są do tego jakieś magiczne wtyki do bootstrapa pewnie, nawet gdzieś widziałem wczoraj coś takiego - nie wiem w sumie jak to nazwać, żeby to znaleźć
zawsze możesz użyć jQuery waypoints
i po prostu zmieniać display
na fixed
w momencie gdy scroll jest poniżej elementu i wracać do static
gdy user wróci na górę
szukaj pod sticku menu lub bootstrap ma to standardowo w komponentach jesli jego uzywasz, a jesli chcesz samo menu to//stickyjs.com/
Hej, używając tylko jQuery:
$(window).on('scroll load scrollstart', function(){
var $nav = $('.navigation');
if($(window).scrollTop() >= $(window).height()) {
$nav.css({ position: 'fixed', top: '0' });
} else {
$nav.css({ position: 'absolute', top: '100%' });
}
});
Dokładnie tak zrobiłem to na tej stronie,
pozdrowienia od ekipy Growth Republic :).
Dzięki ! ;)