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? http://codepen.io/anon/pen/XmjmEK?editors=011

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. https://github.com/janpaepke/ScrollMagic/issues/256

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.