Stop scrolling in a certain section of my page using GSAP ScrollTrigger

[moody]

I’m trying to stop scrolling in a certain section of my page using GSAP ScrollTrigger. Specifically, I have a GTLF model that I want to display in a section called “section-four” and I need to disable scrolling while the model is visible.

I’ve tried using endTrigger but it didn’t work. Can you suggest the best way to achieve this using GSAP ScrollTrigger? I’m sharing an example of my code below:

See the Pen qBJdprL by MOODYWAA (@MOODYWAA) on CodePen

[Rodrigo]

Hi,

 

What you can do is use the Observer Plugin in order to prevent ScrollTrigger to keep moving and somehow "lock" the scroll. In this thread it was discussed how that could be achieved:

 

Here you can check the docs for the Observer Plugin:

https://greensock.com/docs/v3/Plugins/Observer

 

Hopefully this is enough to get you started. Let us know if you have more questions.

Happy Tweening!