fullpage.js：如何在下一张幻灯片中添加类？

Question

我正在使用fullpage.js和滚动水平扩展名。我想在下一张幻灯片上添加一个class，当下一张幻灯片成为活动幻灯片时将其删除。另外，我想为所有不活动的幻灯片添加一个类（同样，当幻灯片活动时，请删除此class）。

有人知道我该怎么做吗？有没有使用afterSlideLoad回调的方法？

谢谢

Answer 1

Fullpage.js已将类active添加到幻灯片的所有活动部分。 您可以阅读有关fullPage.js here in the docs添加的状态类的更多信息。

因此，如果您需要的是使用CSS选择不在某个部分中处于活动状态的幻灯片，则只需执行以下操作：

.fp-section.active .fp-slide:not(.active)

实际上，您可以为Javascript使用相同的选择器：

document.querySelectorAll('.fp-section.active .fp-slide:not(.active)')