Javascript fullPage.js动态幻灯片和ACF最后一张幻灯片

我正在用fullPage.js和Wordpress的高级自定义字段插件创建一个动态全页滑块

 <div id="fullpage">
    <?php if(get_field('slide')): ?>
            <?php while(has_sub_field('slide')): ?>
        <div class="section" id="home">
                    <?php the_sub_field('slide_text'); ?>
        </div>
            <?php  endwhile; ?>
    <?php endif; ?>
</div>

如何动态确定fullPage.js的最后一张幻灯片并实现这一点

编辑

我最终使用了

.fp-viewing-1 .ion-chevron-down {
  display: none;
}
.fp-viewing-0 .ion-chevron-up {
  display: none;
}

---

虽然这不是动态的，因为在客户端可以添加幻灯片，所以这不是真正的解决方案。我真的需要一个fp-viewing-x类，它将用于最后一张幻灯片，无论数字是多少。

不要使用

scrollTop

，除非您使用

scrollBar:true

（有关详细信息，请阅读）

使用插件提供的回调，例如

afterLoad

然后检查

处于活动状态的部分是否是最后一个具有以下内容的部分：

if ( $('.section.active').is(':last-child'))

或者您甚至可以使用添加到站点的
body
元素中的类
fp-viewing xxx
，只需处理CSS即可。（这将是我的选择）
只是一个注释…使用该循环，您将得到具有相同
id的div
…感谢您的提示！诚实的错误我添加了滚动条真的，谢谢。我试着用jquery实现这一点：
$（document）.ready（function（）{if（$（'section.active'）.is（'last child'）{$（'span.ion chevron-down'）.addClass（'ion-chevron-up'）。removeClass（'ion-chevron-down'）；}else{$（'span.ion chevron-up'）。addClass（'ion-chevron-down'）。removeClass（'ion-chevron-up'）；}）但不知怎的，这不起作用。有什么提示吗？将问题复制到中以供进一步检查。没有它的复制品，我帮不了你更多。
if ( $('.section.active').is(':last-child'))