Parallax.js does not work in Chrome for Mobile

Asked

Viewed 302 times

0

The effect Parallax.js (http://pixelcog.github.io/parallax.js/) works only for desktop browsers.

Something can be done to make the effect visible on mobile devices?

I’m using the default classes and attributes: 

<html>
<head>
  <script src="js/jquery.js"></script>
  <script src="js/parallax.js"></script>
</head>
<body>

  <section id="home" class="parallax-window"  data-parallax="scroll" data-image-src="img/bg/home-1280.jpg">  
  </section>
</body>
</html>

javascript jquery jquery-ui jquery-mobile parallax

1 answer

0

I believe it may be related to the option "androidFix", which by default comes as true and leaves the static image on mobile.

take a look at the last option http://pixelcog.github.io/parallax.js/

Changing, would be something like this:

<section id="home" class="parallax-window"  data-parallax="scroll" data-image-src="img/bg/home-1280.jpg" data-android-fix="false">  
  </section>

  • Hello, Thiago! Thanks for your contribution. I added data-android-fix="false" on the line and the image stopped showing on android. Weird right?

Browser other questions tagged javascript jquery jquery-ui jquery-mobile parallax

You are not signed in. Login or sign up in order to post.