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.