[ScrollSmoother with normalizeScroll: true + overflow-y: scroll]

On 10/29/2022 at 8:30 PM, GreenSock said:

That seems like a very odd thing to do. I'm curious why you'd set things up that way, @mainello.

 

You could just add this: 

document.body.addEventListener("wheel", e => e.stopImmediatePropagation());
document.body.addEventListener("touchstart", e => e.stopImmediatePropagation());

 

I usually start with boilerplate css to set the body and root height so children can inherit.  I was just pointing out because it's inconsistent with native behavior and no obvious way to debug.  It took forever for me to figure out this was the cause.

[ScrollSmoother with normalizeScroll: true + overflow-y: scroll]

this isn't working when height is set on the root and body element with scrolltrigger only:

 

see my pen: 

See the Pen VwdvaRj by davidbwaters (@davidbwaters) on CodePen