时间戳

首页 > 解决方案 > fullpage.js：如何将类添加到下一张幻灯片？

fullpage.js - fullpage.js：如何将类添加到下一张幻灯片？

问题描述

我正在使用fullpage.js滚动水平扩展。我想class在下一张幻灯片中添加一个，然后在下一张幻灯片成为活动幻灯片时将其删除。或者，我想为所有不活动的幻灯片添加一个类（同样，class当幻灯片变为活动时删除它）。

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

谢谢

标签： fullpage.js

解决方案

Fullpage.js 已经将该类添加active到所有活动部分都是幻灯片。您可以在文档中阅读有关 fullPage.js 添加的状态类的更多信息。

因此，如果您需要使用 CSS 选择部分中未激活的幻灯片，您只需执行以下操作：

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

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

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

推荐阅读