zaczepione menu

Odpowiedz Nowy wątek
Oli321
2014-06-12 19:10
Oli321
0

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

Pozostało 580 znaków

2014-06-12 19:38
Moderator

Rejestracja: 13 lat temu

Ostatnio: 2 miesiące temu

Lokalizacja: Rzeszów

0

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ę


Pozostało 580 znaków

2014-06-12 22:01

Rejestracja: 7 lat temu

Ostatnio: 22 godziny temu

Lokalizacja: Dąbrowa Górnicza

0

szukaj pod sticku menu lub bootstrap ma to standardowo w komponentach jesli jego uzywasz, a jesli chcesz samo menu to:http://stickyjs.com/

Pozostało 580 znaków

2014-06-13 09:59

Rejestracja: 5 lat temu

Ostatnio: 3 lata temu

0

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 :).

abolute? ale dlaczego? - dzek69 2014-06-13 10:42

Pozostało 580 znaków

Oli321
2014-06-13 11:07
Oli321
0

Dzięki ! ;)

Pozostało 580 znaków

Odpowiedz

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0