Parallax title images "jumping" after page load?

Question

Confirmed on a couple of different browsers with cleared caches.

Class effecting this is "page-title-parallax"

It looks like the image is loaded in a position and then repositioned up maybe 200px or so. The effect is jarring and I don't like it. If this occurred on an image later on in the page I would be more forgiving but this is at the very beginning of the page. If there is no way around this, I can just forgo the parallax effect.

Using Chrome “Version 86.0.4240.198 (Official Build) (x86_64)”

SemiColonWeb · Accepted Answer

Hello,

The Parallax Positions are calculated after Page Load and thus it is visible when the Positions change. You can either enable the Page Loading Transitions by checking this Documentation: http://docs.semicolonweb.com/docs/getting-started/page-transition/ or consider enabling Lazy Loading Backgrounds by using the following code:
[ch_pre]

	Page Title Parallax
	A Short Page Title Tagline

Home
Shortcodes
Page Titles

[/ch_pre]

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

imisswaves · Answer

Thanks for such prompt reply. I'll accept lazy loading as a solution, though I wish it was a little faster. I can see how this is somewhat unavoidable. Thanks for the help!

Semicolon Web · Answer

Hello,

Thanks for the reply.

We understand your concerns about this, however, since the LazyLoading works on Javascript, it executes once the JS is available on the Page and the Background Image is downloaded. You can play with adding a Loader in the Background and hide it once the Parallax displays.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.