Hey thanks for the reply, much appreciated. I do have another question for another idea.
I plan to originally start with scroll smoothing and once the user presses tab, I will kill the scroll smoothing, revert it back to the original scroll thus allowing them to tab normally.
However, I seem to have a problem to properly revert scroll proxy back to its original native scroll functionality.
I found a thread that similarly talks about it:
Unfortunately, there wasn't a resolution and I also tried to use the 'ScrollTrigger.scrollerProxy(document.body)' that you suggested, but it still doesn't seem to work
I have created another codepen to reflect my problem. problem with removing scrollproxy
The goal is to have scroll smoothing initially, but when I press tab, it will kill the scrollproxy, revert back to native scroll, and recreate the scrollTriggers.
Box2 and Box4 starts off pinned, but after tabbing, they don't pin anymore.
However, it doesn't work with the 'mySmoother' smoothing code. It initially have scroll smoothing, but when I press tab, it seems to revert back to native scroll, but the scrollTriggers that are recreated are not pinning properly.
If you comment out 'mySmoother' line, it works perfectly, so I think its something to do with me not clearing up the scroll proxy properly.
Any help is appreciated, thanks.