Ladda saker i taget istället för paging
 

Hej,

Söker den här metoden som jag sett att många har, facebook t.ex. när man skrollar neråt och får då upp mer content(för att slippa att göra små sidsnuttar.)

Tror det är en speciell modul som använder ajax? Vad heter den isåfall?

Gissningsvis så beror det på vilket system du ska använda grejen till.

En Wordpress-modul lär inte fungera till Drupal, t ex.

Infinitive scrolling brukar det kallas btw

Det är mycket, mycket enklare än vad du tror.

http://jsfiddle.net/GhGVb/2/


Använder inte AJAX då det inte fungerar på JSFiddle, men det är också superenkelt som du säkert vet. Det jag skulle rekommendera är att ladda 5-10 objekt åt gången, dessa räknas som en "omgång". Denna parameter sparar du, och skickar med den när du gör ditt AJAX-kall. På din SQL-query kör du då LIMIT (x * omgång), (x * omgång) + x

Sen vill du väl ha någon snygg fading på det, vilket också är relativt enkelt. Om jag kommer ihåg rätt så är tillvägagång sättet

Hide>Append>fadeIn>scrollBottom - då får du en snygg fadingeffekt när ny data läggs in.

Hoppas det hjälpte!

Edit: Märks det att jag och Jonssondesign pratar mycket Skype? ;)

Tog bort mitt inlägg - då Yakuzaemme var bättre förklarat!

denna verkar bra https://github.com/paulirish/infinite-scroll
mest lämpligt om man vill ha avancerad funktionalitet

Tänk på att detta kan vara rätt SEO-ovänligt om det implementeras fel & publikt.

För att vara 100% seo-vänligt när det kommer till sådana saker är väl att göra en HTML-snapshot som crawlers indexerar.

Hmm, då skippar jag detta helt eftersom syftet med webbsidan är att den skall vara 100% seo vänlig. Trodde att det skulle bli bättre optimerat men ack så fel jag hade =)

Det kan vara värt att ta det lite försiktigt med liknande tekniker eftersom dessa kan ses som cloaking enligt Googles webmaster guidelines. Jag har aldrig hört någon som åkt dit på det och det bör inte bli någon skillnad i innehåll om det görs rätt men samtidigt kan det vara en gråzoon.

Edit: jag läste på lite mer om detta och om man vill så kan man enligt Google placera länkar till content inom <noscript>-taggen, det räknar de inte som Cloaking. Kolla på t.e.x http://mashable.com/ hur de gör. Elegant? Njaaa...