• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pasek nawigacji

Object Storage Arubacloud
0 głosów
304 wizyt
pytanie zadane 5 grudnia 2018 w HTML i CSS przez Avalansz Użytkownik (580 p.)
Witam. Chcialem sie dowiedziec w jaki sposob poprzez bootstrapa mozna zrealizowac taki pasek nawigacji z "przejsciem" polegajacym na pojawieniu sie tla gdy scrolluje w dol, tak jak jest to wykonane na tej stronie https://www.gdmuca.com/. :)

1 odpowiedź

+1 głos
odpowiedź 6 grudnia 2018 przez niezalogowany
Przy pomocy js możesz sprawdzać pozycję scrolla. W momencie, w którym wykrywasz, że jest ona większa od 0 możesz do elementu dodać klasę z przypisanym odpowiednim stylem.

 

Tu masz przykład w jquery...

https://medium.com/@_patrickcameron/a-complete-beginner-s-guide-to-changing-background-colour-on-scroll-using-jquery-fce686d55049
komentarz 6 grudnia 2018 przez Avalansz Użytkownik (580 p.)
Dzieki wielkie !

Podobne pytania

0 głosów
2 odpowiedzi 463 wizyt
pytanie zadane 14 listopada 2017 w HTML i CSS przez Patryk Bogdan Bogdań Początkujący (490 p.)
0 głosów
1 odpowiedź 253 wizyt
pytanie zadane 18 listopada 2017 w HTML i CSS przez R.orlinski Mądrala (5,490 p.)
+1 głos
5 odpowiedzi 299 wizyt
pytanie zadane 1 lipca 2017 w HTML i CSS przez Michał Wołoszyn Początkujący (380 p.)

92,690 zapytań

141,603 odpowiedzi

320,102 komentarzy

62,051 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...