jak zrobić efekt animacji div przy scrollowaniu

pytanie zadane 6 czerwca 2015 w Nasze projekty przez dusin Nowicjusz (140 p.)

Ten efekt jest na stronie pana mirosława gdy scrolluje sie na dół, jaka to biblioteka i jaki to efekt. Dzieki za odpowiedzi.

2 odpowiedzi

odpowiedź 6 czerwca 2015 przez Comandeer Guru (600,810 p.)

Chodzi o menu? Jeśli tak to polecam poczytać o position: sticky i jego polyfillach

Jeśli o pojawianie się kolejnych elementów to zdecydowanie http://mynameismatthieu.com/WOW/

1	komentarz 6 czerwca 2015 przez dusin Nowicjusz (140 p.) Chodziło mi o pojawianie elementów jutro poczytam i dodam do projektu to rozwiązanie dziękuję za odpowiedź

odpowiedź 8 czerwca 2015 przez chris Gaduła (3,680 p.)

Zamaist używać czyiś stworzonych skryptów, polecam Ci pobawić się jQuery.
Wysokość od góry document.scrollTop(300), .animate() animacja w danym miejscu od góry
Sytuacja wydaje się trudna, jednak jak poznasz jQuery to stanie się prostsze.

komentarz 8 czerwca 2015 przez Comandeer Guru (600,810 p.)

A co z wykrywaniem elementów na żywo? Co z wydajnością przy dużej ilości elementów? Co przy resize strony? Albo lazy loading obrazków? Owszem, jQuery ułatwi od strony składni, ale tylko to. Sama logika problemu jest dość skomplikowana.

komentarz 8 czerwca 2015 przez chris Gaduła (3,680 p.)
edycja 8 czerwca 2015 przez chris

Robiłem coś takeigo ze spanami (coś jak parallax) po prawej.
W zależności od contentu pojawiał tekst obok spana co tu jest np. Kontakt przy ostatnim, a reszta w tym momencie znikała.
Ustawiasz tzw. waypointy z display:none; i od nich możesz również zainicjować zniknięcie lub pojawienie się czegoś.
http://codepen.io/chris2907/pen/oXWomP
Po prawej stronie, działą również z resize();
Opiszę więcej jak tylko wrócę ze szkoły.