ScrollTrigger.normalizeScroll(true) + ScrollSmoother disables "native" scrolling of internal content

[Marco B.]

Hey forum!

First time poster so please forgive me if I do something wrong.

Attached is the codepen showcasing the issue described above. If I combine ScrollTrigger & ScrollSmoother in my project, you can't scroll inside an element using your mouse wheel 

Is there a way around this other than disabling SmoothScroller / normalizeScroll ?
Is this expected behavior?

Thanks!

See the Pen XWEbMvv by PitagoraXSoft (@PitagoraXSoft) on CodePen

[Cassie]

Hey there! Thanks for being a Club GreenSock member 🥳💚

We're sorting this out in the next release - for now you can just stop propagation like so -

 

See the Pen PoRZrdX by GreenSock (@GreenSock) on CodePen

[Marco B.]

Hey!

Thanks for the prompt reply and solution, good to hear the team is aware.

Thanks again!

[ThinkingAbout_dev]

Hi Cassie, I have the same issue, could you post the solution again (It's 404 at the moment)?
Thanks

[Rodrigo]

Hi @ThinkingAbout_dev,

 

Could you provide a minimal demo showing the issue you have?

 

Based on the title of this thread maybe you're looking for the allowingNestedScroll configuration in ScrollSmoother:

const smoother = ScrollSmoother.create({
  wrapper: "#smoother-wrapper",
  content: "#smoother-content",
  smooth: 2,
  normalizeScroll: { allowNestedScroll: true }, // <- Right Here!
  ignoreMobileResize: true,
  effects: true,
  preventDefault: true
});

Hopefully this helps.

 

Happy Tweening!