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

Fixed / sticky menu pojawiajace sie gdy zescrolluje slajder

Cloud VPS
0 głosów
280 wizyt
pytanie zadane 9 lutego 2019 w JavaScript przez Anetka Początkujący (260 p.)
edycja 9 lutego 2019 przez Anetka

Cześć,

Mam pytanie, w jaki sposób mogę zrobić coś takiego, mam menu, a pod nim slajder i gdy zescrolluje slajder to chcę aby zrobiło się fixed menu

Moja strona: 

klasa slajdera = "slajder22", klasa menu = "nav-menu22"

 

1 odpowiedź

+1 głos
odpowiedź 9 lutego 2019 przez Tomek Sochacki Ekspert (227,490 p.)
Złap moment gdy slider znika z ekranu lub zostaje tylko jakiś jego procent i wtedy dla menu przypisz klasę typu "fixed-menu", w której ustawisz już sobie menu na fixed z odpowiednim top:0, jakimś z-index itp.

Do pierwszej części polecam IntersectionObserver - na MDN jest bardzo ładnie to opisane, ewentualnie podejście z getBoundingClientRect (też opisane w docs i masa przykładów w necie).

Drugi etap znajdziesz w necie w 5 sekund na hasło "fixed menu css" itp.
komentarz 9 lutego 2019 przez Anetka Początkujący (260 p.)
Dziękuje za podpowiedź :) Biore się za kodowanie

Podobne pytania

0 głosów
1 odpowiedź 363 wizyt
pytanie zadane 5 stycznia 2019 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 713 wizyt
pytanie zadane 10 kwietnia 2017 w HTML i CSS przez prominepl Bywalec (2,440 p.)
0 głosów
1 odpowiedź 792 wizyt
pytanie zadane 23 grudnia 2016 w HTML i CSS przez Wojciech Zgodziński Nowicjusz (160 p.)

93,487 zapytań

142,423 odpowiedzi

322,773 komentarzy

62,909 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

Kursy INF.02 i INF.03
...