Community forum for knowledge and support

Updated 7 days ago

Smooth Scrolling and Webflow Interactions: Finding the Balance

I have ticked the GSAP ScrollSmoother on my new website which scrolls smoothy now, but it has created an issue where the interactions on the relume components don’t way the way theyre supposed to now. Hover items appear higher up than they should, and scrolling triggers dont happen at the right time. I’ve been told this is due to “the actual scrolling being hijacked and controlled via JavaScript—often using transforms (translateY) or requestAnimationFrame to create the smooth effect. This creates a disconnect between the “visual scroll” and the actual scroll position Webflow thinks the page is at.” I’m sure many have implemented smooth scrolling on pages which have Relume Webflow interactions. Has anyone found a solution for this to be able to keep both smooth scrolling and webflow interactions?

T
1 comment

This post is now synced! Check it out here:

Resolving GSAP ScrollSmoother Issues with Relume Webflow Interactions

⤵️ Any future comments will be automatically posted to the thread

Add a reply
Sign up and join the conversation on Slack