禁用向下滚动会破坏 fullpage.js 中的菜单链接

Question

我正在使用 fullPage.js，特别是 onLeave 函数来禁止在我的网站中向下滚动。这样没问题，但我在使用菜单时遇到问题，因为我只能向一个方向滚动。

这是我的代码：

onLeave: function(index, nextIndex, direction){ 
  if (direction == 'up') { 
    return false;              
  } else {
    return true;
  };
}

所以，如果我在第 3 部分，想转到第 4 部分，该页面将被阻止。我如何处理菜单异常？

Answer 1

使用 $.fn.fullpage.setAllowScrolling(false, 'down') 怎么样？ ?

来自the docs：

Adds or remove the possibility of scrolling through sections by using the mouse wheel/trackpad or touch gestures (which is active by default). Note this won't disable the keyboard scrolling. You would need to use setKeyboardScrolling for it.

这不会禁用您的链接。

$('#fullpage').fullpage({
    afterRender: fuction(){
        $.fn.fullpage.setAllowScrolling(false, 'down')
    }
});

如果您还想禁用键盘，那么您也需要使用setKeyboardScrolling。

禁用向下滚动会破坏 fullpage.js 中的菜单链接

Disable scrolling down breaks menu links in fullpage.js

javascript

css

jquery

fullpage.js