Canvas Support

parallax section under revolution slider

3 replies · opened May 8, 2020

Llqtx_00May 8, 2020

Hi,
I've got an issue with a parallax section under revolution sliders:
It seems to me that the scrolling of the parallax section is not triggered at the correct position.
Using the dev tools of my browser I note that the skrollr starts the animation too soon (not respecting the bottom-top position).
And the backgrounds position change in the parallax sections when I refresh (F5) the display.
When I remove the two revolution sliders it works.

With the revolution sliders : http://www.dev.lc2rh.com/index.html
without :http://www.dev.lc2rh.com/index2.html

Thanks for your help

SSemicolon WebSTAFFMay 8, 2020

Hello,

Thanks for the heads-up on this. This appears to be happening when the Revolution Slider's Height is dynamically updated. Please consider adding the following code:


setTimeout( function(){
	if( $('.parallax').length > 0 ) {
		skrollr.refresh();
	}
}, 750);

inside the revolution.slide.onloaded Callback at the bottom of the Page.

This will refresh the Parallax Positions according to the New Document Height. Hope this Helps!

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

Llqtx_00May 8, 2020

Thanks,
I have just modified the code and it works

var sk=skrollr.init()
if (tpj('.parallax').length > 0){sk.refresh();}

Perfect!!!

SSemicolon WebSTAFFMay 8, 2020

Hello,

Really Glad that your issues were resolved. And Thank You so much for the improved bit of code.

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
parallax section under revolution slider · Canvas Template Support