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.
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.
jInvertScroll to lekka wtyczka do jQuery, która umożliwia poruszanie się w poziomie z efektem paralaksy podczas przewijania w dół.
3. Pozioma oś czasu
Ten samouczek nauczy Cię tworzenia łatwej do dostosowania, poziomej osi czasu opartej na CSS i jQuery.
Ten samouczek nauczy Cię, jak stworzyć prosty efekt płynnego przewijania za pomocą wtyczki jQuery Easing i zaledwie kilku wierszy jQuery.
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.
6. Przewijanie w poziomie z 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.
7. jQuery.kinetic
jQuery.kinetic to prosta wtyczka, która dodaje do kontenerów płynne przeciąganie i stopniowe zwalnianie przewijania.
8. 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ą.
9. 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.
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.
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.
