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

标签 javascript jquery css transition fullpage.js

“我正在使用 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'

关于javascript - 滚动部分时是否有用于自定义转换的整页 js 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57306097/

相关文章:

javascript - jQuery UI 可排序取消多个嵌套级别的选项

jquery - 如何将 HTML 放入 jQuery .text()

javascript - Highcharts 蜡烛图/堆积柱形图

javascript - Angular UI 弹出错误 : $uibModal is undefined

javascript - 如何显示小数点后一位(不四舍五入)并为整数显示 .0?

javascript - 如何使用 javascript 或 jquery 定位 div?

javascript - 如何使用 RTCPeerConnection.removeTrack() 删除视频或音频或两者?

html - 防止水平滚动,溢出属性不起作用

javascript - 将 div 放在中心并在用户尝试调整窗口大小时更新函数

javascript - 两个相互冲突的按钮 HTML