Java-scrolling

[kongen]

Hvordan får man til slik at når man scroller til bunnen av siden så lastes det inn flere produkter, og når man scroller til bunnen igjen, så lastes den inn enda flere produkter?

Hvis jeg har 100 produkter i en array, og skal kun laste inn 10 med en foreach loop, og hvis det scrolles til bunnen så skal det lastes inn 10 nye produkter med en loop. Hvis de som scroller ikke har javascript aktivert så skal det komme frem en knapp som laster inn nye produkter når den klikkes. Hvordan gjør jeg dette med javascript (ikke jquery)?

Array (
   [0] => Array ( 
      [produkt] => pc 
      [type] => laptop 
      ) 
   [1] => Array ( 
      [produkt] => pc 
      [type] => stasjonær 
      ) 
   [2] => Array ( 
      [produkt] => pc 
      [type] => laptop 
      ) 
   [3] => Array ( 
      [produkt] => mac 
      [type] => laptop 
      ) 
   [4] => Array ( 
      [produkt] => mac 
      [type] => laptop 
      ) 
...

   [100] => Array ( 
      [produkt] => mac 
      [type] => server 
      ) 
)

 

[xdex]

Det finnes ikke noe mer irriterende, enn noe slikt. Husk også at din "footer" på disse sidene, ofte blir helt eller delvis utilgjengelig. Det er langt bedre for brukeren og kunne trykke "neste" for å se de neste 20 produktene. Litt kjedelig er det også, om brukeren har slått av javascript, og at ingen flere produkter vises. Dersom en bruker har slått av javascript i dag, er dette "idioti", og brukeren er klar over at mange nettsider vil være utilgjengelige. Se f.eks på alle rammeverkene som kommer bygget på javascript.

Dersom du må ha dette, kalles det lazy loading.

Slik fungerer det,

1) Sjekk om brukeren er i bunnen (eller X antall prosent) nedover siden sin.
2) Når javascript "ser" at du er på bunnen (har scrollet helt ned) bruker du ajax til å hente inn nye produkter.

En guide som viser deg det du er ute etter, http://www.sanwebe.com/2013/05/auto-load-records-on-page-scroll