Can this effect be achieved using ScrollTrigger?

[muslito]

I was taking a look at 

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

 and its pretty much what I need but with one minor aspect that I wish I could have this functionality but instead of it being the whole page moving like that i just want one section.  So mainly have the user scroll the page normally and when it hits that section then it will scroll the content like in the code pen and when its done it will continue scrolling normally. Has anyone achieve something like that but focused on a div or section and not targetted at the main html ? 

[mvaneijgen]

Hi @muslito welcome to the forum!

 

What have you tried already? I've add a div before all the content and it just works! 

 

If you need further assistance, we love to see minimal demo's you've created, that way we can see your thought process and thus better help you understand the tools!

 

See the Pen ZEwYoLM by mvaneijgen (@mvaneijgen) on CodePen

 

I've split your pen in to its own topic from:

[Rodrigo]

Hi,

 

This shouldn't be that complicated:

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

 

Just play with the tools, check the docs and always use markers in order to understand better how pinning actually works. A marker says far more words than a line of code 😉
 

Hopefully this helps.

Happy Tweening!

[muslito]

Thanks works great!  I was trying similar things but at the end on the site I was integrating it , had 

  overflow-x: hidden; in the HTML tag

and that messed up the Pinning.