zaczepione menu

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 ! ;)