Nieskończone przewijanie uosabia jedną z idealnych cech każdego dobrego projektu: ludzie mogą go używać bez myślenia o tym.
Gdy już raz się z tym zetkniesz, zapomnisz o tym. Powiedziałbym, że większość z nas zaczęła oczekiwać, że niektóre aplikacje, a może niektóre aplikacje, po prostu ładują więcej treści, gdy trafimy na dół strony. Czemu nie? Jest skuteczny i często wygodny.
W niektórych sytuacjach ciągłe klikanie, aby zobaczyć kolejne strony, może szybko stać się oporem. W takich przypadkach paginacja nie jest przydatnym narzędziem do nawigacji, ale przerwaniem przeglądania. Nieskończone przewijanie - choć ma własne problemy - stanowi długą drogę do tworzenia płynniejszych wrażeń.
Jest to szczególnie ważne, gdy trzeba przeglądać duże ilości informacji podzielonych na małe fragmenty. Typowe przykłady to: Twitter, serwisy informacyjne, blogi tumblowe, galerie zdjęć i tak dalej.
Oczywiście nie dla wszystkich, ani dla każdego projektu. Dla tych z Państwa, którzy postanowili dodać nieskończoną miłość do swoich stron internetowych, istnieje kilka skutecznych sposobów łatwego zastosowania ich w swojej witrynie:
W większości przypadków prawdopodobnie dodasz tego rodzaju zachowanie do witryn / aplikacji, które zawierają dynamiczną zawartość przechowywaną w bazie danych. Zdecydowałem się dołączyć link, który obraca się wokół statycznych stron z dwóch powodów:
Ten samouczek na stronie Hongkiat.com znajdują się dwie różne wtyczki do jQuery, w tym: Nieskończone przewijania Paul Irish.
Nie jestem pewien, czy istnieje jakaś funkcja lub funkcjonalność pod słońcem, która nie została udostępniona WordPressowi w formie wtyczki. Nieskończone przewijanie nie jest oczywiście wyjątkiem.
Najpierw znów mamy Nieskończone przewijania . Tak. Ta wtyczka jQuery jest dostarczana z oficjalną implementacją WordPress, również autorstwa Paula Irish'a. Link znajduje się na głównej stronie wtyczki, widocznej i widocznej, bezpośrednio u góry. Na stronie znajduje się także samouczek, który pomoże Ci skonfigurować wtyczkę do pracy z określonym motywem WordPress, więc koniecznie zapoznaj się z dokumentacją.
Następnie mamy dowód, że Automattic, firma stojąca za WordPress, kocha nas i chce, abyśmy byli szczęśliwi. Stworzyli Moduł Jetpack to także doda nieskończone przewijanie do twojego motywu. Ponownie, może być konieczne dostosowanie wtyczki do pracy z określonym tematem.
Ale co, jeśli chcesz zagłębić się w kod i nauczyć się tego od zera? WPTuts + ma cię to dość dogłębny samouczek . Zalecane dla osób ze średnio zaawansowanym zrozumieniem kodu front-end, samouczek zawiera wszystko, czego potrzebujesz do twardego kodu nieskończone przewijanie do swojego motywu. Niektórzy nawet twierdzą, że jest to "właściwa droga", aby to zrobić.
Wielu projektantów i niektórzy programiści używają tumblr do dzielenia się swoimi przemyśleniami i / lub pracą. Czy jesteś jednym z nich? Czy chcesz, aby motyw Tumblr przewijał się w nieskończoność, tak jak w panelu? Nie szukaj dalej Poradnik Cody'ego Shermana . Ponieważ jest napisany dla przeciętnego, niekodującego użytkownika Tumblr, ten samouczek jest prosty. Jest to jednak kosztowne, ponieważ może nie działać z każdym motywem Tumblr.
jQuery Masonry to klasyczna wtyczka do tworzenia układów murarskich w Internecie. (Osobiście uważam, że nazwa go zdradza.) Ponieważ układy murarskie polegają na wyświetlaniu małych fragmentów informacji, które często są dobrze obsługiwane przez nieskończone przewijanie, nie jest zaskoczeniem, że wiele stron internetowych łączy te dwa zachowania. (Widzieć: Pinterest ) W przypadku witryn statycznych należy zapoznać się z oficjalną dokumentacją tutaj.
Izotop jest podobny do masonerii, ponieważ został stworzony, by pomagać ludziom w układaniu murów. Załączam to tutaj, ponieważ, moim zdaniem, jest on rzeczywiście lepszy. Dzieje się tak głównie dlatego, że dzięki próbom i błędom mogłem stworzyć naprawdę responsywny układ murarski z tą wtyczką jQuery. Miałem mniej szczęścia z innymi. Twoje doświadczenia mogą się różnić. Sprawdź dokumentację tutaj.
Wyróżniony obraz / miniatura, nieskończony obraz przewijania przez Shutterstock.