How to force Scrolltrigger moving forward one step?

[Indietech]

Hallo, everyone. I'm new here. i just learn gsap week ago
i Follow this codepen and no problem at all. All i want is animation effect like this 
https://www.prevint.pt/en/

So, when i scroll fast it just move fast to the next slide one step. it would be great if you can help me to make a scroll pin on the bottom. Thanks

See the Pen YzygYvM by GreenSock (@GreenSock) on CodePen

[akapowl]

 

Hey @Indietech - welcome to the forum.

 

You could probably take the core-concept from this pen, using the scrollToPlugin for this instant-snappy movement, and change it to work in a horizontal scenario.

 

See the Pen rNLOdbB by GreenSock (@GreenSock) on CodePen

 

But be aware

 

Quote

 

ScrollTrigger is not built to scroll-jack like what this approach does. The approach above is a hack and I don't really recommend using it. If you really need this sort of functionality then you'll need to either build the functionality yourself or use an existing tool like fullpage.js. But even then, depending on your needs, there are likely to be issues because web browsers are simply not built to work in this sort of way. 

 

The demos above (and in the threads linked to) are experiments as to what is possible.

 

 

by @ZachSaucier in this following thread (and others on that same topic)

 

 

 

[Indietech]

Ok thanks for your reply. i also have experience using fullpage js. its good plugin but has limitation and expensive. lol

i try to keep looking other option. anyways, Thanks