“我正在使用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'
)来实现