【问题标题】:fullpage.js - different slide, different arrow position?fullpage.js - 不同的幻灯片,不同的箭头位置?
【发布时间】:2015-08-20 06:51:51
【问题描述】:

我想制作一个 fullpage.js 页面,并且需要在其中一些幻灯片上以不同的方式定位箭头(在我的情况下只有水平幻灯片)。有没有简单的方法可以做到这一点?谢谢!

【问题讨论】:

    标签: html css slider fullpage.js


    【解决方案1】:

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

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

    如果您想覆盖特定部分,只需将一个扇区(例如 idclass)添加到您想要不同箭头的部分,:

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

    然后在 CSS 中使用它:

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

    【讨论】:

    • 但我怎样才能专门为例如覆盖它幻灯片 1 和幻灯片 2 有点不同?
    • 只需使用您的部分或幻灯片选择器。例如:#section3 .fp-controlArrow.
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-07
    • 1970-01-01
    • 2020-06-15
    • 1970-01-01
    相关资源
    最近更新 更多