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