滚动部分时是否有用于自定义转换的整页 js 代码？

Question

"I'm developing a fullpage website using fullpagejs. Everything works fine but I would like to customized the scroll transition just like this website scroll transition. 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)',
    });
});

Answer 1

你可以看看Parallax extension for fullpage.js。

在那里您会看到完全相同的 "overlay" 概念。也许动画不完全一样，但我很确定可以通过自定义 fullPage.js 的 easingcss3 选项来实现它，默认为 easingcss3: 'ease'

滚动部分时是否有用于自定义转换的整页 js 代码？

Any fullpagejs code for a custom transitions when scrolling a sections?

javascript

jquery

css

transition

fullpage.js