【问题标题】:Any fullpagejs code for a custom transitions when scrolling a sections?滚动部分时用于自定义转换的任何 fullpagejs 代码?
【发布时间】:2019-08-01 09:38:41
【问题描述】:

“我正在使用 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)',
    });
});

【问题讨论】:

    标签: javascript jquery css transition fullpage.js


    【解决方案1】:

    你可以看看Parallax extension for fullpage.js

    您会看到完全相同的“叠加”概念。 也许动画不完全一样,但我很确定可以通过自定义fullPage.js的easingcss3选项来实现,默认为easingcss3: 'ease'

    【讨论】:

      猜你喜欢
      • 2018-11-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-05-09
      • 2011-06-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多