Logowanie

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

pytanie zadane 13 marca 2018 w HTML i CSS przez DreaM Użytkownik (840 p.)

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;

1 odpowiedź

odpowiedź 13 marca 2018 przez gremlin Dyskutant (7,600 p.)
edycja 13 marca 2018 przez gremlin

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).

komentarz 13 marca 2018 przez DreaM Użytkownik (840 p.)

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

komentarz 13 marca 2018 przez gremlin Dyskutant (7,600 p.)

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

Podobne pytania

0 głosów

1 odpowiedź 171 wizyt

Animacje na stronie po zjechaniu scrollem

pytanie zadane 13 kwietnia 2017 w HTML i CSS przez czujek22 Dyskutant (7,670 p.)

0 głosów

0 odpowiedzi 308 wizyt

2 scroll bary dla jednego diva (jeden na górze, jeden na dole) JQuery, JS

pytanie zadane 11 września 2017 w JavaScript przez raddko Nowicjusz (190 p.)

0 głosów

1 odpowiedź 536 wizyt

Animacje CSS (Menu). Jak otrzymać efekt pauzy po zjechaniu kursorem z div'a

pytanie zadane 17 listopada 2016 w HTML i CSS przez Sedki Początkujący (250 p.)

...