Parallax div superjumpy in Safari

My parallax background/div works fine in chrome and firefox, but is superjumpy in Safari.
I’m using scrollMagic to archieve this.

Anyone know how to solve this?

You can try the ‘usual’ fix but can upset stacking contexts in complicated pages.

Add the following to the animated elements.

-webkit-transform: translate3d(0, 0, 0);

This makes webkit use hardware acceleration and should be smoother.

Seems like it is a repaint issue, not a performance one.

Doesn’t seem to be any real fix for it aswell. There is a workaround in the github thread above but it looks awful imo.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.