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)')