Quantcast
Channel: Últimos conteúdos
Viewing all articles
Browse latest Browse all 14190

Scroll infinito

$
0
0

Prezados, onde eu arrumo algum tutorial (BOM) sobre scroll infinito?

O que eu preciso é carregar notícias na pagina.

Carregar umas 20 por vez. E quando chegar no final (scroll) carregar mais 5 e continuar de 5 em 5.

 

O código que achei foi esse:

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

Mas não consegui fazer ele funcionar.

Talvez seja melhor criar do zero, mas ai eu preciso de uma luz.

 

Desde já agradeço.


Viewing all articles
Browse latest Browse all 14190