jQuery Parallax Scroll disable on mobile/tablet

Question

I am using a free template to build a static website (http://keenthemes.com/preview/megakit/) but I cannot seem to disable parllax scroll on mobile.

I have been trying to modify parallax.min.js file but cannot get it work on mobile devices. Images are not displayed on mobile at all.

Below is the code:

var Parallax=function(){"use strict";var a=function(){$(".js__parallax-window").parallax("50%",.1)};return{init:function(){a()}}}();$(document).ready(function(){if(window.innerWidth>760){Parallax.init()}});

Thanks for your help!

I have seen your website images are displaying in mobiles mode. I think the cashing problem is there once you press control+f5 keys. — Arshiya Khanam
– Arshiya Khanam, Commented Nov 28, 2018 at 5:35

Atul Rajput · Accepted Answer · 2018-11-28 05:18:16Z

1

@media(max-width: 480px){
    .js__parallax-window {
        background-attachment: unset !important;
    }
}

Use this code in your css file, this will help for sure

answered Nov 28, 2018 at 5:18

Atul Rajput

4,1962 gold badges14 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Young Over a year ago

Is is also possible to make sure that the image is not distorted when mobile is rotated?

Atul Rajput Over a year ago

what do you mean by image distorted here? I am not getting it

Young Over a year ago

Sorry for the confusion. For example, one of the image is only showing half if the actual image when phone is rotated

Atul Rajput Over a year ago

oh,, tell me the exact image in your design on website, will try to fix it if I can and will give you the code.

Young Over a year ago

thanks for this. will provide it to you once the site is ready :)

Collectives™ on Stack Overflow

jQuery Parallax Scroll disable on mobile/tablet

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related