[ScrollTrigger: play/pause/reverse video]

On 1/29/2022 at 9:54 PM, GreenSock said:

Are you trying to link the playhead directly to the scrollbar so it acts as a scrubber?

 

No, not really. I didn't explain the task well, my fault 😀

 

When we go to the section ".block-1" (when the pin section is activated) — background video plays automatically, but not completely (only 3 seconds). Then video paused and does not play until we reach the section ".block-2".

[ScrollTrigger: play/pause/reverse video]

Hi.

 

Can you tell me - how to make the background video play up to 3 seconds when we enter the ".block-1" section. And when moved to the ".block-2" section, the video would continue to play.

 

One more question. Would it be possible to have the video play in reverse when scrolling back?

 

Thanks.

See the Pen RwjWROE by AaalexxX (@AaalexxX) on CodePen

[Need help with scrollTrigger]

Hello.

 

I have just started to study GSAP, so difficulties arise. I need your help.

 

The essence of the example is to start the triggers when scrolling to the title and the layer went up and stayed in the same place when scrolling down.

But when it scrolls up, the animation lags, and sometimes .part-1 doesn't return to its place - what's my mistake?

 

Also interesting is the ability to hide all layers except .part-6 until you scroll to the first heading (from bottom to top).

 

Thanks.

See the Pen QWGemMG by AaalexxX (@AaalexxX) on CodePen