【问题标题】:How to disable mouse scroll trigger in fullpage.js only如何仅在 fullpage.js 中禁用鼠标滚动触发器
【发布时间】:2015-01-30 11:51:06
【问题描述】:

在 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 。那么就没有问题了。 )

【问题讨论】:

    标签: javascript jquery fullpage.js


    【解决方案1】:

    怎么样:

    $(function()
    {
        $('#fullpage').fullpage({
            ...
        });
    
        $.fn.fullpage.setMouseWheelScrolling(false);
        $.fn.fullpage.setAllowScrolling(false);
    });
    

    【讨论】:

      【解决方案2】:

      但是,如果您完全禁用了“autoScrolling: true”选项,请通过 默认键盘触发器仍然允许从左到右向上滚动。 ( "keyboardScrolling: true" by defa

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

      【讨论】:

        【解决方案3】:

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

        【讨论】:

        • 提问时可能不存在该选项。无论如何,我是在澄清他的部分cmets。
        • 有趣的答案 - 告诉所有者如何使用他的插件:D
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多