Prezados, não sei mexer com isso, por isso estou pegando codigos prontos e tentando ajeitar.
O que eu preciso é fazer estilo o que ocorre no facebook. Carregar comentários quando o scroll chega ao fim.
O codigo que peguei foi esse:
<html> <head> <title>yLog Scroll Tutorial</title> <style> #conteudo{ height:200px; overflow-y:auto; } </style> <script> $(document).ready(function() { $("#conteudo").scroll(function() { if ($(this).scrollTop() + $(this).height() == $(this).get(0).scrollHeight) { //requisição ajax para selecionar postagens $.ajax({ url:'postagem.php', //Página PHP que seleciona postagens type:'POST', // método post, GET ... data: 'limit=10&offset=0', //seus paramêtros success: function(data){ // sucesso de retorno executar função $('#conteudo').append(data); // adiciona o resultado na div #conteudo } // fim success }); // fim ajax } // fim do if }); // fim scroll }); // fim document ready </script> </head> <body> <div id="conteudo"> <p>Lorem Ipsum</p> <p>Lorem Ipsum</p> <p>Lorem Ipsum</p> <p>Lorem Ipsum</p> <p>Lorem Ipsum</p> <p>Lorem Ipsum</p> </div> </body> </html>
postagem.php:
<?php include("conexao.php"); $sql = "SELECT * FROM comentarios LIMIT 10 OFFSET 0 ORDER BY DESC"; $stm = $pdo->prepare($sql); $stm->execute(array($_POST['limit'],$_POST ['offset'])); $post = $stm->fetchAll(PDO::FETCH_ASSOC); if(!$post){ print_r($pdo->errorInfo()); } foreach ($post as $posts){ echo $posts['ID']; echo "<br>"; } ?>
Não ta dando certo.
O erro é que ele não carrega a consulta.
Alguem poderia ajudar?
Grato.