Question

我使用此代码进行无限滚动的PHP脚本，但我遇到了问题。当我向下滚动帖子重复到无限时，我没有收到消息“没有更多的帖子”。例如，如果我在db中有10个帖子，且限制为5，那么当我向下滚动显示其他5个帖子并获得msg“No More Posts”时。

<?php

// Connect do DB
try {
    $conn = new PDO('mysql:host=localhost;dbname=fb','root','');
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch (PDOException $e) {
    die('ERROR: ' . $e->getMessage());
}

// Pagination
$limit = 4;
$total = $conn->query("SELECT COUNT(*) FROM posts")->fetchColumn();
$pages = ceil($total / $limit);
$page = min($pages, filter_input(INPUT_GET, 'page', FILTER_VALIDATE_INT, array(
'options' => array(
'default'   => 1,
'min_range' => 1,
),
)));
$offset = ($page - 1) * $limit;

$sql = "SELECT * FROM posts ORDER BY id DESC LIMIT 5 OFFSET $offset";

?>
<center>
<div class="posts-container">
<?php foreach ($conn->query($sql) as $post) { ?>
<div class="posts" style="width: 400px">
    <h1>
    <?= $post['id']; ?>
    </h1>
    <p>
    <?= $post['body']; ?>
    </p>
</div>
<?php } 
if ($page < $pages) { 
?>
<nav id="page-nav">
    <a href='index.php?page=<?= ($page + 1) ?>'>Next >></a>
</nav>
<?php } ?>
</div>
</center>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
<script type="text/javascript" src="http://www.infinite-scroll.com/wp-content/plugins/infinite-scroll/jquery.infinitescroll.js"></script>
<script>

$('.posts-container').infinitescroll({
    navSelector     : "#page-nav",
    nextSelector    : "#page-nav a",
    itemSelector    : ".posts",
}, function(newElements, data, url){
});
</script>

Answer 1

尝试将$页面设置得更大，这样当查询运行时它将返回0行并且它将停止滚动。我能够重现这个错误并通过设置下面的

来修复它

$pages = ceil($total / $limit)+1;

当你到达底部时，它会说像祝贺，你已经到了互联网的终点。你的LIMIT应该是4而不是5。应该是

LIMIT 4 OFFSET $offset

无限滚动php发布重复

1 个答案: