Parallax image jumps on scroll

Parallax background images seem to rescale and reposition upon scroll on all my pages—not like it’s intended to do, but there’s a sudden jump in scale and position before the smooth parallax effect begins. Sometimes the jump happens on load, but most of the time it happens as you start to scroll.

As an example, here is a page header upon loading:

And here it is upon scrolling:

The image jumps to that new position before the parallax effect starts.

1 Like

Hello @samuraicow,

The Parallax effect starts to initialize when you scroll the page. It does not initialize well when added in a Hero section. This is why there is a jump in the image. I believe this is a bug. You may need to have custom inline CSS to perfectly fit the image at the moment. For example:

I got this code when I viewed the source code as soon as I scrolled the page.

And this is for your homepage too!

Best Regards.

1 Like

Thank you!

You are most welcome.

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