“我正在使用fullpagejs开发一个完整的网站。一切正常,但我想像这个网站的滚动过渡一样自定义滚动过渡。https://www.hellomonday.com/

当您在hellomonday滚动动画中注意到时,原始部分将缓慢滑动,而下一部分将快速滑动。
如何实现自定义过渡?
我已经在fullpagejs选项“ easingcss3”中有了一个提示,但仍然无法实现我的目标。

$(document).ready(function(){
    $('#bloop-fullpage').fullpage({
        navigation: false,
        slidesNavigation: false,
        loopHorizontal: false,
        scrollingSpeed: 800,
        scrollBar: false,
        autoScrolling: true,
        easingcss3: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',
    });
});

最佳答案

您可以看一下Parallax extension for fullpage.js

在那里,您将看到完全相同的“覆盖”概念。
也许动画并不完全相同,但是我敢肯定可以通过自定义fullPage.js的easingcss3选项(默认为easingcss3: 'ease')来实现

10-05 20:54
查看更多