adamchampagne

we are having a trouble to solve problem with macbook trackpad, it is so sensitive that will trigger 2 animations at one flick. We just want one flick, one animation.

We do not know how to controll to play video by using gsap. How to play 3 seconds of video then stop like when we create a timeline, we can add a label inside a timeline so we can play a part of timeline then pause or continue timeline. This is our basic template. https://jsfiddle.net/uynguyen1992/aqf2sezp/1/

unfortunately, codepen doesn't allow to login for now. I can't create any pen. Is there any alternative tool?

Thanks, but Observer isn't what we're looking for. We want the video background to stay the same. The idea is: - You have 3 steps, - The section will be placed under a video background - When you come to the section, step 1 will show, video plays from 0.0 to 0.4 then stop - You scroll again, step 2 will show, video continue play from 0.4 to 0.8, - You scroll 1 more time, step 3 will show, video continue play from 0.8 to end.

We are trying to create a section that have multiple content, each content is 100% view height. That section will have a video in background. Whenever user scroll down, new content will fade in and video will play a part of it. For example, 3 contents and a video with 9s, each content will play 3 seconds of video then pause when user scroll up or down. Please recommend a platform to embed code because we can not login to codepen.io.

Well then how can we stop scrolling once the scroll is inside the section 2?

Hi, We notice there is strange behaviour whenever the pointer is in the section 2 the scroll will be stop. We try to ignore the pointer but it not working.

Thank you for suggesting this. That is exactly what we are looking for. Out timeline have a lot of label and we intend to use it to play all the animation

Thank you for suggesting this. That is exactly what we are looking for. Out timeline have a lot of label and we intend to use it to play all the animation

Hi @mvaneijgen, thank you for suggest of using Observer. We're intend to use it but we can not find any examples or documents that combining the timeline plugin with Observer plugin. Can you make an simple example on combine the Observer plugin with the timeline plugin?

Currently, we and working on a demo. We combine timeline and scrolltrigger to make the animation run smoothly. But we do not know how to lock scrolling and let the animation run automatically. It likes each time a user scroll up or down, the animation will run step by step ifseft. For example in the codepen, once users hit the scroller start, we want to lock the scrolling and each scroll down the timeline will run to a specific label like sliding a slide. Like this example: https://x.develup.pro/#technologies. Please help us. Thank you