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*/
}