"I'm in the process of developing a full-page website using fullpage.js. Everything is functioning correctly, but I want to customize the scroll transition similar to the one on this website: ."
If you observe the scroll animation on hellomonday, you'll see that the current section slides slowly while the next section slides quickly. How can I implement this custom transition? I've looked into the 'easingcss3' option in fullpage.js, but I haven't been able to achieve my desired effect yet.
$(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)',
});
});