stellar.js is initialized only after mouse scroll

[EvilDonkeyLondon]

I have a stellar parallax background image working fine on first page load. Then the main content, including the elements with the parallax background image, gets loaded into the page via a jquery load() function. In the callback function I do a

$.stellar('refresh');

That seems to make stellar refresh but it calculates the elements position only after I scroll the page causing the image to jump.

Here is a preview. From the home page please click on the second post, the one with title THIS IS A TITLE and you should notice that, when scrolling down the page, the full width background image jumps. If you inspect the element right after the ajax function ends, you won't see the background-position set. It does set only after the first mouse scroll.

http://dev.thinktravellive.com/

Thank you,
Jeff

[jsfrocha]

+1

Exactly the same thing happening here.

Have you found a fix for it ?

[masiorama]

+1

[hphoeksma]

Quick 'fix': set responsive to be false

[mcfry]

Setting responsive to false didn't work for me, but this did:

$(window).one('scroll',function() {
	$.stellar( 'destroy' );
	$.stellar({
	// yada
	});
});