【问题标题】:Normal scrolling when scrolling up, one section per time otherwise with fullpage.js向上滚动时正常滚动,每次一个部分,否则使用 fullpage.js
【发布时间】:2015-07-24 09:12:29
【问题描述】:

我正在使用 fullpage.js 创建一些整页部分。每当用户向下滚动时,我希望插件一次向下滚动一个部分(默认行为)。

当用户向上滚动时,我不想一次只向上滑动一个部分,而是启用正常滚动(可以通过 setAutoScrolling = false 进行控制,但我无法获得这工作。

有人对如何实现这种行为有任何建议吗?

编辑:添加了我尝试过的示例代码,但它不起作用(显然,因为 setAutoScrolling 方法在 onLeave 事件已经被触发时被设置)

$('#fullpage').fullpage({

    onLeave: function( index, nextIndex, direction) {
        var leavingSlide = $(this);


        if(direction == "up") {
            $.fn.fullpage.setAutoScrolling(false);
        }

        if(direction == "down") {
            $.fn.fullpage.setAutoScrolling(true);
        }
    }
});

【问题讨论】:

    标签: javascript jquery fullpage.js


    【解决方案1】:

    没有看到你的代码很难解决你的问题。

    here你可以举个例子,如果用户向上或向下滚动,你只需要添加检测以允许或禁止自动滚动

    我使用这样的方法:

    //adding the actions to the buttons
    $(document).on('click', '#turnOff', function(){
      $.fn.fullpage.setAutoScrolling(false);
    });
    
    $(document).on('click', '#turnOn', function(){
      $.fn.fullpage.setAutoScrolling(true);
    });
    

    【讨论】:

    • 感谢您的回复。我添加了我尝试过但没有成功的代码,它使用了您提到的相同功能。
    • 也许尝试让我们成为一个 codepen 或 fiddlejs ?我将能够为您提供更多帮助
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-06-04
    • 2023-04-10
    • 1970-01-01
    • 2016-06-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多