Canvas Support

Parallax Effect in Mobile view

5 replies · opened Jan 5, 2020

LLileshJan 5, 2020

I had added a parallax image on my page but I can't see parallax effect on a mobile device, how do I enable that?

SSemicolon WebSTAFFJan 5, 2020

Hello,

Parallax Effect is disabled on Mobile Devices for Performance reasons. You can find the following code in the js/functions.js File: 

if( !SEMICOLON.isMobile.any() ){
	skrollr.init({forceHeight: false});
} else {
	$parallaxEl.addClass('mobile-parallax');
	$parallaxPageTitleEl.addClass('mobile-parallax');
	$parallaxPortfolioEl.addClass('mobile-parallax');
}

and replace it with:

skrollr.init({forceHeight: false});

Hope this Helps!

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

LLileshJan 5, 2020

I Removed that code & it froze mobile view I can't scroll after removing code please double check!

LLileshJan 5, 2020

i reverted back to normal code in live url so please provide me final code

SSemicolon WebSTAFFJan 5, 2020

Hello,

This is the code required to enable the Parallax Plugin on Mobile Devices. As Parallax is not supported on Mobile Devices by Default on Canvas, you will need to manually use the codes from here: https://github.com/Prinzhorn/skrollr#what-you-need-in-order-to-support-mobile-browsers if you would like to enable Parallax on Mobile Devices for your Project.

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

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