Pokazujące się menu u góry strony po zjechaniu na dół

Question

Witam, tak jak w temacie, mam menu (zdjęcie 1), kiedy zjadę niżej chcę aby pokazało się 2 menu u góry strony (coś jak w google po scrollowaniu niżej)

 

Jakieś słowa kluczowe? Pozdrawiam

Answer 1

Hmm, może Ci się przydać JS, żeby wykryć, że zescrollowałeś w dół. Możesz dodać event np. w ten sposób:

window.addEventListener('scroll', function() {
  // Co ma się stać, gdy użytkownik przewija stronę?

  // Jak daleko przewinął okno? (im więcej, tym niżej przewinął, wartość podana w pikselach
  let scrollY = window.scrollY

  if(scrollY > 100) {
    // Pokazywanie drugiego menu
  }

});

O dodawaniu eventListener'ów poczytasz np. tutaj: https://developer.mozilla.org/pl/docs/Web/API/Element/addEventListener

Do pokazywania drugiego menu może się przydać dodawanie klas przez JS, o czym więcej przeczytasz tu: https://developer.mozilla.org/pl/docs/Web/API/Element/classList

Mam nadzieję, że pomogłem :)

Answer 2

Cześć :)

Jest odcinek na ten temat na kanale Pasja Informatyki:

https://www.youtube.com/watch?v=vd_GnTBzJ4U