首页无限滚动

问题描述

使用“Oxygen Builder”，我创建了一个非常简单的页面（部分、转发器、div、标题：仅此而已），代码块中包含“无限滚动”代码：一切运行良好。 “无限滚动”滚动所有页面的所有帖子。

我将此页面设为主页： “无限滚动”运行但只有第一页的帖子。 第一页无限重复。 不知道是wordpress 还是Oxygen Builder 的问题。 首先，我尝试使用“Yith Infinite Scrolling”（使用“Oxygen Builder”），但遇到了同样的问题。 当然，一旦我设置了另一个主页，无限滚动就会再次运行。 你知道如何解决这个问题吗？

我使用的JS代码是：

<script src="https://unpkg.com/infinite-scroll@4/dist/infinite-scroll.pkgd.min.js"></script>
<script>
setTimeout(() => {
    (function($) {
        $('#_dynamic_list-3-227.oxy-dynamic-list').infiniteScroll({
            path: '.next',append: '.infinite-scroll',history: false,hideNav: '.oxy-repeater-pages',});
    })(jQuery);
},500)
</script>

解决方法

我在 facebook 群组中从 Christina 那里找到了这个解决方案：

我遇到了同样的问题。支持给了我这个答案，这是有效的： 静态主页上的分页存在一个已知问题。为了让它工作，我在你的中继器上方添加了一个代码块，在 PHP 和 HTML 选项卡上添加了以下代码：

<?php
    if ( get_query_var('paged') ) {
        $paged = get_query_var('paged');
    } elseif ( get_query_var('page') ) {
        $paged = get_query_var('page');
    }
    else {
        $paged = 1;
    }
    query_posts('posts_per_page=2&paged=' . $paged);
?>

以后如果要更改每页的项目数，也需要在上面的代码中进行更改。