Nekonečné posouvání ztělesňuje jeden z ideálních atributů každého dobrého designu: lidé ho mohou používat bez toho, aby o tom přemýšleli.

Jakmile se s ním setkáte několikrát, zapomenete na to. Řekl bych, že většina z nás přišla očekávat, že některé aplikace, nebo některé druhy aplikací, jednoduše načtou více obsahu, když narazíme na spodní stranu stránky. A proč ne? Je to efektivní a často pohodlné.

V některých kontextech, neustálé klepnutí, aby se zobrazily po sobě jdoucí stránky, se mohou rychle přetáhnout. V těchto případech není stránkování užitečným navigačním nástrojem, ale přerušením prohlížení. Nekonečné posouvání - přestože přichází s vlastními problémy - vede dlouhou cestu k vytvoření hladších zážitků.

To platí zejména tehdy, když musíte procházet velké množství informací, které se rozdělí na malé kousky. Mezi běžné příklady patří: Twitter, zpravodajské weby, tumblogy, image galerie a podobně.

Samozřejmě, že to není pro každého, ani pro každý projekt. Pro ty z vás, kteří se k vašim webům rozhodli přidat nekonečnou lásku, existuje několik účinných způsobů, jak je snadno uplatnit na vašem webu:

Nekonečné posouvání pro statické stránky

Ve většině případů pravděpodobně přidáte tento druh chování k webům / aplikacím, které mají dynamický obsah uložený v databázi. Rozhodl jsem se přidat odkaz, který se točí kolem statických stránek, ze dvou důvodů:

  1. Možná budete muset vědět, jak to udělat konkrétně. Nikdy nevíš.
  2. Jakmile budete vědět, jak přidat nekonečné posouvání na statické stránky, budete pravděpodobně schopni přizpůsobit stejné techniky jakémukoli tématu CMS nebo CMS, kterému jste se seznámili.

Tento tutoriál z Hongkiat.com obsahuje dva různé jQuery pluginy pro vaši pozornost, včetně Nekonečný svitek Paul Irish.

Nekonečné posouvání stránek WordPress

Nejsem si jistý, že pod sluncem existuje nějaká funkce nebo funkčnost, která nebyla pro WordPress k dispozici v podobě pluginu. Nekonečné posouvání není samozřejmě žádná výjimka.

Za prvé, máme opět Nekonečný svitek . Jo. Tento plugin jQuery je dodáván s oficiální implementací WordPress, kterou také vytvořil Paul Irish. Odkaz je přímo na hlavním webu pluginu, prominentní a viditelný, přímo nahoře. Také na stránce je návod, který vám pomůže nakonfigurovat plugin pro práci s vaší konkrétní téma WordPress, takže se podívejte na dokumentaci.

Dále máme důkaz, že společnost Automattic, společnost za WordPress, nás miluje a chce, abychom byli šťastní. Vytvořili a Modul Jetpack , který přidá nekonečné posouvání k vašemu tématu. Opět budete muset plugin přizpůsobit tak, aby fungoval s vaším konkrétním tématem.

Ale co když se chcete ponořit hluboko do kódu a naučit se, jak to udělat od začátku? WPTuts + jste s tím spíše pokryli in-depth tutorial . Doporučeno pro lidi s pokročilým znalostí kódu front-end, tutorial je dodáván se všemi, co potřebujete k nekonečnému rolování hardcode do vašeho tématu. Někteří by dokonce tvrdili, že je to "správný způsob", jak to udělat.

Nekonečné procházení témat Tumblr

Spousta návrhářů a někteří vývojáři využívají tumblr pro sdílení svých myšlenek a / nebo práce. Jste jedním z nich? Chcete, aby vaše téma Tumblr nekonečně rolovalo, stejně jako váš přístrojový panel? Podívejte se dál Cody Shermanův výukový program . Protože byl napsán pro průměrného nekódujícího uživatele Tumblr, tento tutoriál je mrtvý. To však přichází za cenu, protože nemusí fungovat s každým tématem Tumblru.

Míchání nekonečného rolování s ostatními pluginy

jQuery Masonry je klasický plugin pro vytváření rozvržení ve stylu zdiva na webu. (Osobně si myslím, že to jméno dává pryč.) Vzhledem k tomu, že rozvržení zdiva se týká zobrazení malých informací, které jsou často podávány nekonečným rolováním, není překvapením, že mnoho webových stránek kombinuje tyto dvě chování. (Vidět: Pinterest ) Pro statické stránky byste měli zkontrolovat oficiální dokumentaci tady.

Izotop má podobnou funkci jako Masonry, protože byl vytvořen, aby pomohl lidem realizovat rozvržení zdiva. Zahrnuji to zde, protože je podle mého názoru skutečně lepší. To je většinou proto, že díky pokusům a omylům jsem s tímto pluginem jQuery dokázal vytvořit skutečně citlivé rozvržení zdiva. Měl jsem méně štěstí s ostatními. Vaše zkušenosti se mohou lišit. Podívejte se na dokumentaci tady.

Doporučený snímek / náhled, nekonečný posuvný obraz přes Shutterstock.