跳过 fullpage.js 中的部分

罗宾·吉亚

我正在使用 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>

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

那怎么办呢?

阿尔瓦罗

你可以这样做:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在fullpage.js中设置部分的高度

来自分类Dev

在fullpage.js中设置部分的高度

来自分类Dev

在fullPage.js部分中并排添加垂直滑块

来自分类Dev

HubSpot中的fullPage.js

来自分类Dev

删除URL中的哈希(fullpage.js)

来自分类Dev

iExplore中的FullPage.js自动滑动

来自分类Dev

fullpage.js中的白色底部边框

来自分类Dev

JS:fullpage.js moveTo()在不同部分之间

来自分类Dev

JS初始化部分错误,Fullpage.js

来自分类Dev

设置和清除间隔以自动滚动fullPage.js中的部分

来自分类Dev

如何在fullpage.js中添加指向多个部分的导航链接

来自分类Dev

将类添加到FullPage.js中的非活动部分

来自分类Dev

如何在fullpage.js中添加指向多个部分的导航链接

来自分类Dev

Fullpage.js:根据当前部分更改页面标题

来自分类Dev

Fullpage.js-无法从Android中的输入中移出焦点

来自分类Dev

FullPage JS:如何在智能手机上“禁用” FullPage并将部分显示为长页?

来自分类Dev

FullPage.JS滚动

来自分类Dev

菜单Fullpage.js

来自分类Dev

菜单Fullpage.js

来自分类Dev

在fullpage.js中动态地使元素固定(标题)

来自分类Dev

scrollOverflow / slimScroll在fullPage.js中无法正常工作

来自分类Dev

如何在fullpage.js中应用固定背景

来自分类Dev

自动播放fullpage.js中的幻灯片

来自分类Dev

在fullpage.js中动态地使元素固定(标题)

来自分类Dev

fullpage.js中带点的水平导航栏上的标题

来自分类Dev

某些选项在fullpage.js中不生效

来自分类Dev

延迟在fullpage.js中自动播放视频

来自分类Dev

在fullpage.js中淡入淡出过渡

来自分类Dev

引导程序与fullpage.js中的填充问题