Jump to content
GreenSock

grommas

ScrollTrigger: Normalize scroll and CSS Scroll Snap

Go to solution Solved by GreenSock,

Recommended Posts

I’m still fiddling around with ScrollTrigger’s brand new normalizeScroll option. I tested it on CSS native Scroll Snap. Sadly it doesn’t play nice together and ends up in jumping directly to the scroll snap points without any visual scroll.

 

I remember there was a bug with ScrollToPlugin and CSS Scroll Snap last year which got fixed. The fix was probably quite an easy task since the CSS Snap can be turned off while scrolling to the content. Is there any chance to get the normalization on native Scroll Snap, or is it required to move completely to GSAP snapping for that? It would be great to get a hint about the restriction in the docs to be aware of the limitation.

See the Pen RwxQvJr by grommas (@grommas) on CodePen

  • Thanks 1
Link to comment
Share on other sites

  • grommas changed the title to ScrollTrigger: Normalize scroll and CSS Scroll Snap

We'll look into this, but I don't know if it would be a simple fix like the ScrollToPlugin as it just disabled snapping while animating. 

 

  • Like 1
Link to comment
Share on other sites

I already assumed that it would not be easy to solve but wanted to share it anyway. Thank you!

  • Like 1
Link to comment
Share on other sites

  • Solution

Yeah, I I don't think this is even possible, sorry.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×