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