Fixed / sticky menu pojawiajace sie gdy zescrolluje slajder

Question

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"

 

Answer 1

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.

Comments

Dziękuje za podpowiedź :) Biore się za kodowanie