Zmieniająca się wielkość diva po zjechaniu niżej na stronie.

Question

Witam. Chciałbym uzyskać efekt, że mam na górze strony menu z wyborem różnych odnośników przypięte ciągle na górze. Trudno mi to wytłumaczyć ale ten pierwszy efekt mam osiągnięty.

Chodzi mi o to, jak zrobić, że gdy jestem na samej górze strony WWW to div z menu ma np. 60px wysokości a jak zjedziemy na stronie np. 300px; to wysokość diva zmieni się na  30px;

Answer 1

Możesz użyć zdarzenia 'scroll' i sprawdzać czy pageYOffset jest większy niż przykładowe 300, wtedy zmienić wysokość tego diva bezpośrednio w kodzie js lub przypisując mu klasę z inną wysokością (co raczej jest wygodniejsze).

Comments

A masz jakiś dostęp do poradnika polskiego lub angielskiego-najlepiej filmu?

---

Tutaj masz wyjaśnione na innym przykładzie ale w gruncie rzeczy te same elementy które raczej pomogą Ci się uporać z Twoim kodem.

https://youtu.be/cOFWh_4d_sU