Strony internetowe - JQuery, pomoc w zrozumieniu.

Question

Witam wszystkich bardzo serdecznie. Od kilku miesięcy pisze strony internetowe(HTML5 CSS3 Boostrap WordPress Js JQuery) Jednak jako, że dopiero zaczynam robić JQuery mam pewne pytanie. Mianowicie zawsze intrygowało mnie napisanie skryptu, który uruchomi się nie po załadowaniu strony, a dojechaniu scrolla w pewne miesjce ( domyślam się, że chodzi o viewport). Np. Jade po stronie i po kolei pokazuję sie treść, lub np. div wyskakuje z boku strony. Prosiłbym o nazwanie takiego efektu i czy rzeczywiście jest on pisany w JQuery ( samego skryptu nie potrzebuje, jednak jeżeli ktoś posiada chętnie go zobaczę). Dziękuje wszystkim za pomoc.

 

Tutaj podaje przykład strony na której został wykorzystany ten efekt: http://bartekkonopka.pl/#

Answer 1

Pisałem coś podobnego kilka miesięcy temu, sam efekt nie jest trudny do uzyskania. Ogólnie rzecz biorąc java script oblicza o ile użytkownik przewinął stronę i w odpowiednim momęcie dodaje np. do jakiegoś  ukrytego elementu klasę css która ma w sobie całą animację (opisałem tak ogólnie żebyś mógł sam pokombinować :) ). Wyzwaniem natomiast jest żeby animacje uruchamiały się w odpowiednim momęcie na każdym ekranie, wydawło mi się że jest ok dopóki nie zobaczyłem swojego dzieła na większym monitorze :). A odpowiadając na Twoje pytania to takie strony nazywają się mniej więcej "one page site" a efekt "scroll animation" tyle że nie tylko takie efekty tam się stosuje, bardzo modny jest np paralax. A co do jquery  to raczej jest konieczne (można też oczywiście w czystym java script), bo samym css'em  trudno będzie to osiągnąć o ile to w ogóle możliwe.

Answer 2

Do wygodnego wyłapywania scrolla możesz np. użyć Scrollspy