jQuery scroll infinito su un tavolo?

Question

Qualcuno sa di un buon tutorial o di un plugin jQuery che posso usare per aggiungere lo scroll infinito sul mio tavolo?

In pratica voglio aggiungere più righe alla tabella mentre un utente scorre la pagina verso il basso.

Grazie in anticipo.

Answer 1

Basta provare questo fuori:

HTML:

<div id="postswrapper"> 
     <div class="item">content</div> 
     ... 
     <div id="loadmoreajaxloader" style="display:none;"><center><img src="ajax-loader.gif" /></center></div> 
    </div> 

Javascript:

<script type="text/javascript"> 
$(window).scroll(function() 
{ 
    if($(window).scrollTop() == $(document).height() - $(window).height()) 
    { 
     $('div#loadmoreajaxloader').show(); 
     $.ajax({ 
     url: "loadmore.php", 
     success: function(html) 
     { 
      if(html) 
      { 
       $("#postswrapper").append(html); 
       $('div#loadmoreajaxloader').hide(); 
      }else 
      { 
       $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>'); 
      } 
     } 
     }); 
    } 
}); 
</script> 

Answer 2

Si può dare un'occhiata a questo se si adatta alle vostre esigenze: http://datatables.net/examples/basic_init/scroll_y_infinite.html

Anche se non hai familiarità con datatables, può intrigo di usarlo, come per implementare questo rotolo infinita su un tavolo basta aggiungere questo codice jQuery:

$(document).ready(function() { 
    $('#example').dataTable({ 
    "bScrollInfinite": true, 
    "bScrollCollapse": true, 
    "sScrollY": "200px" 
    }); 
}); 

al tavolo popolato del html (hanno 4 ways per farlo).

Anyay, IMO, vale la pena di verificare.

edit: Come @ SpoiledTechie.com dice di seguito nel commento - questa informazione è outdate e si dovrebbe esaminare il modo in cui sostengono che la società: http://datatables.net/upgrade/1.10#bScrollInfinite

Answer 3

si potrebbe voler controllare seguenti link:

http://www.jquery4u.com/tutorials/jquery-infinite-scrolling-demos/#.UBKSdHWi6so

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-infinite-scroll-web-gallery/

http://wp.tutsplus.com/tutorials/theme-development/how-to-create-infinite-scroll-pagination/

Spero che questo aiuti!

Answer 4

Questi sono due dei miei plugin jquery preferiti per scroll infiniti. Entrambi hanno buoni esempi di come usarli.

https://github.com/msjolund/jquery-esn-autobrowse

https://github.com/paulirish/infinite-scroll/