Hi,
I use custom scroller and find that pinType: transform sometimes makes the pinned element vibrate.
I have tried using pinType: fixed, but found that wheel scrolling event not firing when mouse is over the pinned element.
I also tried using css pointer-events: none, but the button is not clickable.
Is there anyway to solve this problem?
Thanks!
See the Pen gOgeWGo by tiffk935 (@tiffk935) on CodePen
I don't see the vibration (on desktop at least), but what you're describing sounds like a consequence of the fact that modern browsers handle scrolling on a totally different thread than the main JS one, thus they're not synchronized. So you scroll, the browser moves the contents of the scroller (in the scrolling thread), renders that, and then a few milliseconds later it executes the JS thread and ScrollTrigger applies its transform adjustment and puts things where they're supposed to be. So th