reker_7

made changes to the example, the problem is the speed of switching slides and overlaying the next section, it's too fast) https://codepen.io/Reker7/pen/RwqxYBm

https://codepen.io/Reker7/pen/RwqxYBm Hey! Here's an example of the animations I'm currently working with, the problem is the sharpness of the slide switching.

I'm so sorry. I can't realise smooth switching of slides. I've already tried different variants of "ease" and timeScale properties, but I can't get to the truth, or I'm wrong and slowing down the switching of slides should be done through scroll, in my case Locomotive Scroll is connected, but when trying to configure it, all animations are broken

Thanks for your time! And for the very useful information. The topic can be closed)

Thanks for the detailed answer and so detailed, read the video, finally got to implement what I needed! The only thing I couldn't figure out yet is how to shorten the distance to the first block: https://codepen.io/Reker7/pen/RwqxYBm Thank you for your time! Your answer gave very important information for me) For some reason the display of the example in CodePen is different for me and when I click on the link (((

Hey! There is a problem with the implementation of animation on my site, it is necessary to make scroll sections with attachment to the top of the page, then in this section should change the photo. then overlay the next section on top and scroll through the photo in it. Can you tell me how to track the completion of the horizontal slider to continue flipping sections. Example of section scrolling https://codepen.io/GreenSock/pen/WNzLeWX Example of horizontal scrolling of pictures in them: https://codepen.io/GreenSock/pen/LYzXwwZ Here is the current implementation code: