Jump to content

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

Involuntary jumps during a tween

Recommended Posts

I'd like to make a simple parallax, but I noticed I have a weird behavior when I link it with scroll trigger.

And it's not the first time I observed it. 

I try to reproduce it on a codepen but it seems to work. Here's a screenshot of what happen on my website : 



It also happen sometimes when I do a mask reveal animation

when a child goes from -100% to 0%, regarding on the percentage of the parent in the viewport. 

Do you have any ideas on how to optimize this parallax effect, or this mask reveal effect ? 


Thank you very much :)


See the Pen JjyOYJW by michaelgrc (@michaelgrc) on CodePen

Link to comment
Share on other sites

Hi @Michael31. It's super difficult to troubleshoot blind, especially when you can't provide a CodePen minimal demo that shows the issue but...

  1. What version of ScrollTrigger are you using? I'd definitely recommend the latest.
  2. It kinda looks like you've got a few things fighting for control of those elements - do you maybe have a CSS transition or another fighting tween? 
  3. What's different between the CodePen (which works) and your project (which doesn't)? I'd recommend slowly building up your CodePen to get closer and closer to your real project until it breaks. 
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.