How to loop horizontal section scrolling behavior

[Roman Truhanov]

Hi all!  I am writing vertical scroll loop work right. In documentation GreenSock | Docs | Plugins | ScrollTrigger | static.maxScroll() tell set flag

horizontal to true

any anyway not working. How to make same in horizontally? Maybe set not right Scroll Trigger position... If possible, want to see example for real scrolling and fake scrolling. Activation Scroll Trigger markers stopping or blocking working scrolling to up (top) it's a normal or bug in my code?

my stackblitz code example

[GreenSock]

Welcome to the forums, @Roman Truhanov. 

 

I see two problems: 

1. By default, ScrollTriggers only care about vertical scroll. If you want a ScrollTrigger to be horizontally-oriented instead, you must set horizontal: true. 
2. A much bigger (but less obvious) problem I see is that you're literally creating an entirely new ScrollTrigger EVERY time there's a scroll, mousemove, touchmove, or wheel event! That's massively wasteful and problematic. You could easily end up with hundreds of thousands of active ScrollTriggers all doing the same thing. Big waste of memory and CPU. 

Are you just trying to do this?: 

https://stackblitz.com/edit/nuxt-starter-cr3zzj?file=app.vue

 

[Roman Truhanov]

Yep this is it exactly what is needed. Thx