Question: how to deactivate parallax effect on mobile please?

[E-Baler]

Hello,

I'm having a little problem with fullpage and elementor.

I deactivated fullpage from 500 px (so just for mobiles). This works without a problem, but the parallax plugin of fullpage continues to work on background images and this destructures the site.

My question is: is it possible to disable plugins (parallax) like fullpage.js depending on the viewport please?

Thank you!!!

[alvarotrigo]

My question is: is it possible to disable plugins (parallax) like fullpage.js depending on the viewport please?

Sure, use the destroy method under your custom conditions using callbacks like afterResponsive or afterResize.

https://github.com/alvarotrigo/fullPage.js/wiki/Extension---Parallax#destroy

fullpage_api.parallax.destroy();

[E-Baler]

Ok thanks a lot !!!!

[vxsilis]

how did u deactivated fullpage on specific px ?

[alvarotrigo]

how did u deactivated fullpage on specific px ?

You can use the destroy function for that.

Something like this:

new fullPage('#fullpage', {
    responsiveWidth: 900,
    afterResponsive: function(isResponsive){
        if(isResponsive){
             fullpage_api.parallax.destroy();
        }
        else{
            fullpage_api.parallax.init();
         }
     }
});