10 Dema i wtyczki z poziomym przewijaniem jQuery

10 Dema i wtyczki z poziomym przewijaniem jQuery

W dzisiejszym poście przedstawiamy 10 pokazów i wtyczek jQuery Horizontal Scroll, przydatnych dla tych, którzy widzą rzeczy horyzontalnie. Myślę, że musimy zaakceptować przewijanie niektórych osób w obie strony! :)

Aktualizacja: marzec 2016 r Zaktualizowano wszystkie wtyczki i wersje demonstracyjne o najnowsze wersje i dodałem kilka nowych. Usunięto również wtyczki, które nie są już w fazie rozwoju.

Wizerunek cylindra

ScrollMagic pomaga łatwo reagować na aktualną pozycję przewijania użytkownika. Jest lekki (spakowany gzip 6 KB) i przyjazny dla urządzeń mobilnych. Obsługuje oba kierunki przewijania.

Zobacz demo

Zrzut ekranu strony głównej jInvertScroll

jInvertScroll to lekka wtyczka do jQuery, która umożliwia poruszanie się w poziomie z efektem paralaksy podczas przewijania w dół.

Zobacz demo

3. Pozioma oś czasu

Makieta ekranu osi czasu

Ten samouczek nauczy Cię tworzenia łatwej do dostosowania, poziomej osi czasu opartej na CSS i jQuery.

Zobacz demo

Zrzut ekranu z demo

Ten samouczek nauczy Cię, jak stworzyć prosty efekt płynnego przewijania za pomocą wtyczki jQuery Easing i zaledwie kilku wierszy jQuery.

Zobacz demo

Zrzut ekranu pokazu SimplyScroll

SimplyScroll jest elastycznym narzędziem do przewijania zawartości jQuery z obsługą dotykową. Automatycznie obsługuje elementy o nierównych rozmiarach w trybie pętli.

Zobacz demo

6. Przewijanie w poziomie z fullPage.js

Zrzut ekranu strony głównej fullPage.js

fullPage.js jest wtyczką opartą na jQuery, która pozwala nam budować przewijane strony internetowe. Działa nie tylko we wszystkich nowoczesnych przeglądarkach, ale także w niektórych starszych, takich jak IE 8 i Opera 12.

Zobacz demo

7. jQuery.kinetic

Obraz baneru dla jQuery.kinetic

jQuery.kinetic to prosta wtyczka, która dodaje do kontenerów płynne przeciąganie i stopniowe zwalnianie przewijania.

Zobacz demo

8. Sly

Zrzut ekranu strony głównej Sly

Chytry to biblioteka JavaScript do przewijania w jednym kierunku z obsługą nawigacji opartej na elementach. Może być używany jako prosty zamiennik paska przewijania, jako zaawansowane narzędzie nawigacyjne oparte na elementach lub jako doskonały interfejs nawigacji i animacji w witrynach z paralaksą.

Zobacz demo

9. pagePiling.js

Zrzut ekranu strony głównej pagePiling.js.

pagePiling.js to wtyczka jQuery, która pomaga układać sekcje jedna nad drugą i uzyskiwać do nich dostęp poprzez przewijanie lub przez URL. Jest w pełni kompatybilny ze starymi przeglądarkami, takimi jak IE8 i Safari 12, a także doskonale działa na urządzeniach mobilnych.

Zobacz demo

Ten samouczek nauczy Cię przewijania treści internetowych w pionie, poziomie, a nawet po przekątnej! Nie martw się, nie będzie zbytnio polegać na JavaScript. Używa CSS / HTML do układu i JavaScript tylko do przewijania.

Zobacz demo

Wniosek

W tym artykule omówiono listę 10 najczęściej używanych wersji demonstracyjnych i wtyczek jQuery Horizontal Scroll. Mam nadzieję, że okażą się przydatne w Twoich projektach. Czy znasz inne wtyczki, które mogą pomóc? Czego używasz? Zapraszam do dzielenia się swoimi opiniami i sugestiami w komentarzach poniżej.

Możesz być również zainteresowany