[GSAP Horizontal Scroll Triggered by onClick, SetTimeout & Normal Scrolling]

This solution - forking the animation - is not exactly what I envisioned, but it can work, thank you. I had a busy morning today but will also experiment with using kill() to end the animation. 

[GSAP Horizontal Scroll Triggered by onClick, SetTimeout & Normal Scrolling]

Don't worry, I'll delete the question. 

[GSAP Horizontal Scroll Triggered by onClick, SetTimeout & Normal Scrolling]

I have not asked you to do any work for me. I've been trying to figure this out for days, which is why I posted my help question to the GSAP help forum. How is this a request for consultancy services? This is an incorrect assumption that you formed when you first read my post and your non-answer answer proves it. You don't assign me homework, dad. I created an example in Codepen but it requires a subscription to show GSAP. You asked me to do "minimal work" as if I haven't already worked on this for days and GSAP for weeks. I should have posted under a male pseudonym. Whenever I post to these forums using a female name I always get men like you being condescending and unhelpful. An answer to this question would have helped a lot of people. Can we stop the back and forth now, it's a waste of time? 

[GSAP Horizontal Scroll Triggered by onClick, SetTimeout & Normal Scrolling]

Jack, I've already posted my work. Please reply with an example as is done with all the other questions posted to this forum. Thank you. 

[GSAP Horizontal Scroll Triggered by onClick, SetTimeout & Normal Scrolling]

The 'Click to Proceed' button is a part of a disclaimer that the user must read and acknowledge in order to continue to the site. In context, especially considering that the other sections of the site are also modular, it makes sense. 

I'm not sure that I can execute what you're suggesting in GSAP but thanks for your suggestion. 

. 

[GSAP Horizontal Scroll Triggered by onClick, SetTimeout & Normal Scrolling]

I have six sections. Three sections contain buttons. I want to switch between using the scrollbar to advance to the next section in sections 1-3, using an onClick event to advance to sections four and six, and using a setTimeout to advance to section five. Sections 4 - 6 must also be hidden until triggered by the onClick or setTimeout. I can easily show/hide elements and trigger scroll in native .js, but have been struggling (for several days) to do this with GSAP. I'm sure that a lot of GSAP newbies will find this helpful. Thanks!

 

See the Pen gOjwLMp by Art-Lee (@Art-Lee) on CodePen