close
wtyczki-jquery-scroll

W tym artykule poznasz 13 wtyczek jQuery, które pozwolą Ci tworzyć niesamowite efekty podczas przewijania strony. Nie przedłużając, przejdźmy do pierwszej z nich.

ScrollMagic

ScrollMagic tworzy efekt „magicznego” przewijania. Jest bardzo popularny i rozbudowany. Główną funkcją tej wtyczki jest animacja elementów w zależności od pozycji scrolla. Dzięki temu można tworzyć bardzo kreatywne projekty.

magicscroll
DEMO | Strona główna

skrollr

Ten plugin umożliwia utworzenie strony opartej o parallax scrolling. Łatwo go podpiąć i posiada bardzo dobrą dokumentację.

skrollr

DEMO | Strona główna

fullPage.js

fullPage.js zamienia stronę w pokaz slajdów. Slajdy mogą być przesuwane w pionie i poziomie. Wtyczka jest bardzo prosta i posiada przejrzystą dokumentację. Testowałem kilka podobnych pluginów i fullPage.js okazał się najlepszy.

fullpage

DEMO | Strona główna

jQuery Scroll Path

Świetny plugin pozwalający na zaprojektowanie ścieżki, po której użytkownik będzie przewijał stronę.

scrollpath

DEMO/Strona główna

Starscroll

Starscroll generuje w canvas pole gwiazd, które dynamiczne porusza się podczas przewijania.

starscroll

DEMO | Strona główna

Stellar.js

Stellar.js maksymalnie upraszcza dodanie efektu parallax. Wystarczy dodać kilka atrybutów data i uruchomić plugin $.stellar().

stellar

DEMO | Strona główna

SuperScrollorama

SuperScrollorama to wtyczka autora ScrollMagic. Umożliwia tworzenia świetnych animacji podczas scrollowania.

scrolls

DEMO/Strona główna

jInvertScroll

Ta wtyczka zamienia domyślny scroll wertykalny (w pionie) na horyzontalny (w poziomie). jInvertScroll umożliwia również dodanie horyzontalnego efektu parallax.

jinvertscroll

DEMO/Strona główna

Section Scroll

Ten bardzo prosty plugin ma tylko jedną funkcję. Dodaje nawigację do stron typu onepage.

sectionscroll

DEMO/Strona główna

ScrollReveal

Proste animacje podczas przewijania. Działają świetnie również na urządzeniach mobilnych.

scrollreveal

DEMO/Strona główna

circlr

circlr pozwala na obracanie elementu podczas scrollowania. Może przydać się w prezentacji produktu.

circlr

DEMO | Strona główna

crossfade.js

Lekki plugin, który umożliwia dodanie efektu zanikania sekcji podczas przewijania.

crossfade

DEMO/Strona główna

jQuery Tilted Page Scroll

Ta wtyczka dodaje efekt stopniowego pochylania elementu w czasie przewijania strony.

tilted

DEMO/Strona główna

 

Znasz inne wtyczki tego typu? Podziel się w komentarzu 🙂

  • Polecam najbardziej ScrollMagic.

  • Levi aka p0jeb

    ScrollMagic to następca SuperScrolloramy przed którą była Scrollorama, wiec powinna zniknąć z zestawienia. A tak na marginesie to ScrollMagic wymiata.