Uendelig scrolling er et af de ideelle attributter af ethvert godt design: folk kan bruge det uden at tænke på det.
Når du har oplevet det et par gange, glemmer du det. Jeg vil sige, at de fleste af os er kommet til at forvente visse applikationer, eller måske visse typer applikationer, for blot at indlæse mere indhold, når vi rammer bunden af en side. Og hvorfor ikke? Det er effektivt og ofte praktisk.
I nogle sammenhænge kan det hurtigt blive en træk ved at klikke konstant for at se på hinanden følgende sider. I disse tilfælde er pagination ikke et nyttigt navigationsværktøj, men en afbrydelse af browseroplevelsen. Uendelig scrolling - selvom det kommer med egne problemer - går langt i retning af at skabe glattere oplevelser.
Dette gælder især, når du skal gennemse store mængder information, der er opdelt i små klumper. Fælles eksempler er: Twitter, nyhedswebsteder, tumblogs, billedgallerier og så videre.
Selvfølgelig er det ikke for alle, eller alle projekter. For de af jer, der har besluttet at tilføje en uendelig kærlighed til dine websteder, er der flere effektive måder at nemt anvende det på dit websted:
I de fleste tilfælde vil du sandsynligvis føje denne type adfærd til websteder / apps, der har dynamisk indhold gemt i en database. Jeg har besluttet at inkludere et link, der drejer sig om statiske steder af to grunde:
Denne vejledning fra Hongkiat.com har to forskellige jQuery-plugins til din overvejelse, herunder Uendelig rulle af paul irsk
Jeg er ikke sikker på, at der er nogen form for funktion eller funktionalitet under solen, der ikke er gjort tilgængelig for WordPress i form af et plugin. Uendelig rulning er naturligvis ingen undtagelse.
For det første har vi igen Uendelig rulle . Jep. Dette jQuery-plugin leveres med en officiel WordPress-implementering, der også er lavet af Paul Irish. Linket er der lige på pluginets hovedside, fremtrædende og synligt, lige øverst. Også inkluderet på siden er en vejledning til at hjælpe dig med at konfigurere plugin'et til at arbejde med dit specifikke WordPress-tema, så sørg for at tjekke dokumentationen.
Dernæst har vi bevis for, at Automattic, firmaet bag WordPress, elsker os og vil have os til at være lykkelige. De skabte en Jetpack modul det vil også tilføje uendelig scrolling til dit tema. Igen skal du muligvis tilpasse plugin'et til at arbejde med dit specifikke tema.
Men hvad nu hvis du vil dykke dybt ind i koden og lære at gøre det fra bunden? WPTuts + har du dækket med dette snarere dybdegående vejledning . Anbefales til folk med en mellemliggende forståelse af front-end-kode, kommer tutorialen med alt, hvad du behøver for at kode kode uendeligt til dit tema. Nogle vil endda hævde, at dette er den rigtige måde at gøre det på.
Masser af designere, og nogle udviklere, gør brug af tumblr til at dele deres tanker og / eller arbejde. Er du en af dem? Vil du have dit Tumblr-tema til at rulle uendeligt, ligesom dit dashboard? Se ikke længere end Cody Sherman's tutorial . Da den blev skrevet til den gennemsnitlige, ikke-kodende Tumblr-bruger, er denne vejledning døde enkel. Dette kommer til en pris, da det måske ikke virker med hvert Tumblr-tema.
jQuery Masonry er det klassiske plugin til oprettelse af murstensdesign på nettet. (Personligt tror jeg, at navnet giver det væk.) Da murværkslayouter handler om at vise de små informationstyper, der ofte er tjent med uendelig rulning, er det ikke overraskende, at mange hjemmesider kombinerer de to adfærd. (Se: pinterest ) For statiske steder bør du tjekke den officielle dokumentation her.
Isotop er ens i funktion til murværk, idet den blev oprettet for at hjælpe folk med at implementere murværkslayouter. Jeg inkludere det her, fordi det efter min mening er faktisk bedre. Dette skyldes for det meste, at jeg gennem forsøg og fejl var i stand til at lave et virkelig lydhurt murværkslayout med dette jQuery-plugin. Jeg har haft mindre held med andre. Dine oplevelser kan variere. Tjek dokumentationen her.
Fremhævet billede / miniaturebillede, uendeligt rullebillede via Shutterstock.