如何仅在fullpage.js中禁用鼠标滚动触发器

时间:2014-12-02 09:29:16

标签: javascript jquery fullpage.js

在fullpage.js核心功能

如何自定义,当设置选项autoScrolling时:true。

1.仅在部分滚动控件中禁用鼠标滚动行为触发器。

2.其他键盘滚动触发器仍然有效。 (如keyup keydown end home等)

这是来自git的fullpage.js代码:       https://github.com/ajgagnon/fullPage.js/blob/master/jquery.fullPage.js

阐释: 为什么有时需要禁用鼠标滚动。因为当“scrollOverflow:true”时,fullpage.js中存在滚动敏感性问题。但是,如果你完全禁用了 “autoScrolling:true”选项,默认情况下,键盘触发器仍允许向左上滚动。 (“keyboardScrolling:true”默认情况下;)

然而,我发现当“scrollOverflow:false”选项与“keyboardScrolling:true”一起时,内容会在您按下箭头键时立即抖动。不知道如何修复,所以我的目的是保持scrollOverflow:true,同时禁用鼠标滚动。那就没问题了。 )

3 个答案:

答案 0 :(得分:26)

怎么样:

$(function()
{
    $('#fullpage').fullpage({
        ...
    });

    $.fn.fullpage.setMouseWheelScrolling(false);
    $.fn.fullpage.setAllowScrolling(false);
});

答案 1 :(得分:3)

  

但是,如果你完全禁用了" autoScrolling:true"选项,由   默认键盘触发器仍允许向左上滚动。 (   " keyboardScrolling:true"通过defa

自从fullPage.js 2.4.9起不再存在。 autoScrolling:false也会使用键盘禁用自动滚动。

答案 2 :(得分:1)

Alvaro,要禁用您应使用的键盘:keyboardScrolling: false