Przyklejone menu- problem z przewijaniem

pytanie zadane 12 sierpnia 2015 w JavaScript przez JogiMichu Nowicjusz (180 p.)

Witam,

zapraszam na stronę www.dampak.eu,

zobaczyć tam można problem jaki mam z przyklejanym menu.

Kiedy menu przykleja się do górnej krawędzi to dalsze scrollowanie powinno dać efekt płynnego zasłaniania elementów znajdujących się poniżej.

Tutaj jest tak, że menu jakby w pierwszym momencie wciągało pozostałą treść strony za siebie(zauważyć można efekt przeskoku na jakieś 50px, może więcej).

Nie wiem jak sobie poradzić z tym problemem.

Sugestie bardzo mocno i mile widziane.

Pozdrawiam JM

4 odpowiedzi

odpowiedź 14 sierpnia 2015 przez Czort Nałogowiec (32,500 p.)

odpowiedź 14 sierpnia 2015 przez Magicone Nałogowiec (45,100 p.)

Hehe, element po ustawieniu position jest tak jakby inaczej traktowany, jego marginy, a nawet obecność nie jest tak jakby traktowana. Dla szybszego rozwiązania, polecam po dodaniu klasy sticky dodać do contentu klasę, która będzie ustawiała margin-top, równe wysokości przyklejanego menu. Po odebraniu klasy sticky, odbierz również contentowi klasę z margin-top. Pzdr! ;-)

komentarz 19 sierpnia 2015 przez JogiMichu Nowicjusz (180 p.)

No i działa jak ta lala.

Niech Ci Bóg w dzieciach wynagrodzi.

odpowiedź 13 sierpnia 2015 przez Eimens Maniak (69,240 p.)

Hej,

dzieje się tak ponieważ gdy pojedziesz na dół strony to po 200px czy ile tam ustawiłeś twoje menu nabiera position: fixed; co powoduje że reszta strony wpada pod nie :)

Polecam się zapoznać z tym filmem: https://www.youtube.com/watch?v=vd_GnTBzJ4U

position: sticky;

komentarz 13 sierpnia 2015 przez JogiMichu Nowicjusz (180 p.)

Swoją prace opieram właśnie na podanym przez kolegę filmie ;)

Tam Pan Mirosław uznaje tą właściwość- position: fixed;- za kluczową- 40:13 możesz sam ocenić;) Ale dzięki za chęć pomocy.

odpowiedź 14 sierpnia 2015 przez DL TD Nałogowiec (36,710 p.)

Odpowiedź jest prosta. Po co ci sticky menu skoro masz tak mało zawartości na stronie? Dodaj więcej zawartości, a problem zniknie :)

Do tekstu dodaj więcej znaków np. zamiast:

Współpracujemy w oparciu o czyste zasady.
To my jesteśmy zespołem od "brudnej roboty".
Dbając o posesję, walczymy z bałaganem,
przywracamy czystość, kreujemy porządek.
Dampak- profesjonalizm od ręki!

daj to:

Współpracujemy w oparciu o czyste zasady.
To my jesteśmy zespołem od "brudnej roboty".
Dbając o posesję, walczymy z bałaganem,
przywracamy czystość, kreujemy porządek.
Dampak- profesjonalizm od ręki! Współpracujemy w oparciu o czyste zasady.
To my jesteśmy zespołem od "brudnej roboty".
Dbając o posesję, walczymy z bałaganem,
przywracamy czystość, kreujemy porządek.
Dampak- profesjonalizm od ręki!