跳过 fullpage.js 中的部分

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

你可以这样做：

$('#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);
            })
            
        }
    }
});

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

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

跳过 fullpage.js 中的部分

Skip Sections in fullpage.js

javascript

fullpage.js