Question

我使用的是fullpage.js，这是我的HTML（类似结构的东西）：

<div class="fallpage">
 <div class="section">content</div>
 <div class="section ignore"></div>
 <div class="section">content</div>
 <div class="section ignore"></div>
 <div class="section">content</div>
</div>

我想跳过忽略部分。理想情况下，以滚动速度悬停在它们上面，但不像正常部分那样停在它们上面。

怎么办呢？

Answer 1

Demo online

你可以这样做：

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'green', 'purple', 'orange'],

    //events
    onLeave: function(index, nextIndex, direction) {
        if($('.fp-section').eq(index).hasClass('ignore')){
            setTimeout(function(){
                $.fn.fullpage.moveTo(nextIndex + 1);
            })

        }
    }
});

然后将课程ignore添加到您要跳过的任何部分：

<div class="section ignore"></div>

在fullpage.js中跳过章节

1 个答案: