fullpage.js - 不同的幻灯片，不同的箭头位置？

Question

我想创建一个fullpage.js页面，并且需要在这些幻灯片中以不同的方式放置箭头（在我的情况下只有水平幻灯片）。有一个简单的方法吗？谢谢！

Answer 1

当然。 只需使用CSS并覆盖以下样式：

• .fp-controlArrow
• .fp-controlArrow.fp-prev
• .fp-controlArrow.fp-next

如果您要覆盖特定部分，只需将一个部门（例如id或class）添加到您想要不同箭头的部分，：

<div class="section" id="section3"></div>

然后在CSS中使用它：

#section3 .fp-controlArrow{
    /*whatever*/
}