Reverse horizontal scrolling when scrolling up when nesting inside snap scrolling wrap outside

[mChanh]

Here my demo, I'm create an fullpage scroll with ScrollTo and ScrollTrigger, I also have horizontal scroll inside fullpage scroll

On the codepen, when scrolling down it's work right now, but i don't know how to toggle the horizontal when scrolling back? When enter the horizontal section, i disable fullpage function and keep the horizontal scrolling after on leave, i will destroy the horizontal scroll and continute fullpage function.

I got some issue when scrolling up again? Can you give me some tips. Thanks

See the Pen MWZoZpY by mchanh (@mchanh) on CodePen

[mChanh]

*Open the codepen to another tab to see the horizontal scroll, idk why it's missing image at forum, please.

[Rodrigo]

Hi,

 

I've been fiddling with this for a bit and this might not be the simplest thing to achieve and I think the approach you have right now might not be the best by disabling and enabling ScrollTrigger instances.

 

I think I have an idea for this but I ran out of time, I'll keep it in my backlog and I'll try to circle back to this tomorrow and hopefully complete a simple example to show my concept.

 

Also there is a chance that the solution for this is far simpler and is just eluding me at this point.

 

Please stand by and thanks for your patience.

Happy Tweening!

[mChanh]

12 hours ago, Rodrigo said:

Hi,

 

I've been fiddling with this for a bit and this might not be the simplest thing to achieve and I think the approach you have right now might not be the best by disabling and enabling ScrollTrigger instances.

 

I think I have an idea for this but I ran out of time, I'll keep it in my backlog and I'll try to circle back to this tomorrow and hopefully complete a simple example to show my concept.

 

Also there is a chance that the solution for this is far simpler and is just eluding me at this point.

 

Please stand by and thanks for your patience.

Happy Tweening!

 

Thank you so much !

Yah, i think disable and enable Scrolltrigger it not a good solutions, but i don't know another way to kill the horizontal ScrollTrigger when finished, if i don't disable the pin will break whole the layout.. So i'm try to different solution but still got stuck. LOLLL

[mChanh]

Anyone have any ideas or advise, please let me know !!!

[GreenSock]

This is definitely beyond the scope of help we can typically provide in these free forums because there's a lot of custom logic necessary, but here's a rough idea of a different approach that hopefully helps get you going in a better direction: 

See the Pen mdaxepQ?editors=0010 by GreenSock (@GreenSock) on CodePen

 

If you need more assistance, you're welcome to contact us about paid consulting services or post in the "Jobs & Freelance" forum. Good luck! 👍

[mChanh]

On 9/25/2023 at 8:48 AM, GreenSock said:

This is definitely beyond the scope of help we can typically provide in these free forums because there's a lot of custom logic necessary, but here's a rough idea of a different approach that hopefully helps get you going in a better direction: 

 

 

 

If you need more assistance, you're welcome to contact us about paid consulting services or post in the "Jobs & Freelance" forum. Good luck! 👍

Thank you so much for take your time !

How can i DM for about paid consulting services?

[GreenSock]

9 hours ago, mChanh said:

How can i DM for about paid consulting services?

I sent you a private message. ✅