禁止从该部分滚动,但允许在Fullpage.js中进行锚点导航

时间:2019-04-29 13:03:03

标签: fullpage.js

我的第一个fullpage.js部分是可滚动的(scrollOverflow: true),当我到达第一部分的底部时,我不想跳到第二部分。

这样,我设置了以下回调:

onLeave: function(origin, destination, direction) {
    if (origin.index === 0) {
        return false;
    }
}

问题在于,这还会阻止常规锚链接(例如<a href="#section2">)正常工作:导航也被回调阻止。

这很烦人,因为我的首页上有指向其他部分的链接。

有没有一种方法可以仅在由于滚动而阻止onLeave的同时仍然允许锚点导航?

回调参数似乎无法区分滚动和定位点击。

1 个答案:

答案 0 :(得分:0)

  

有没有一种方法可以仅在由于滚动而阻止onLeave时仍然允许锚导航?

当然! 通过scrollOverflow到达该部分时,可以使用方法null

然后在其他任何部分将其设置为true:

fullpage_api.setAllowScrolling(false)

在线复制: https://jsfiddle.net/alvarotrigo/zx05cfr9/1/