Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Tagliavia

Issue with scrolltrigger scrub, snap labelsDirectional on mobile devices

Recommended Posts

I know i should provide a codepen but is a complex animation.

On Iphone when swiping to scroll, the animation keeps stuttering back and forth instead of going to next label or previous label.

Any insight into the how to debug or examine the issue would be greatly appreciated.

Just signed for Greensock club so probably good time to try the GSDevTools, regarding the dev tools would love to know if there is any guide about how to use it with react.

 

Additional info that might be pertinent: The section where all the timeline animations gets executed is pinned, height is 100vh, not sure if it might be related to the bottom toolbar that safari displays on scroll.

Link to comment
Share on other sites

Hi Tagliavia!

 

GSDevTools is designed to work with animations, so it might not be that helpful figuring out issues with ScrollTrigger.  Usage in React would be just like you would do without React.

useEffect(() => {

  const tl = gsap.timeline();
  
  ...
  
  GSDevTools.create({ animation: tl });
  
}, []);

 

As far as your scroll trigger issue, it's very hard to advice without seeing a minimal demo. We just need to see the bare minimum needed to recreate the issue.

 

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.
×