Skrollr视差在iOS和Android设备上不起作用

我正在使用Skrollr库来构建视差网站，但是当在移动设备上查看时，我得到了不同的结果。在iPhone上视差效果还可以，但图像的位置与在桌面上观看时完全不同。

在Android上，视差效果根本不起作用。

有点烦人，因为我从Skrollr网站下载的例子也不能在手机上工作，但主要的Skrollr网站确实可以工作。

是否有什么明显的，我已经错过了，将阻止该网站的工作在手机上?

示例URL/h2>http://wickywills.com/testing/skrollr/simple-parallax.html

---

HTML

<div id="skrollr-body">
<div id="slide-1" class="slide"
    data-center="background-position: 0% 0px;"
    data-top-bottom="background-position: 0% -200px;">
    <p>slide 1</p>
    <p>slide 1</p>
    <p>slide 1</p>
    <p>slide 1</p>
    <p>slide 1</p>
    <p>slide 1</p>
    <p>slide 1</p>
    <p>slide 1</p>
</div>
<div id="slide-2" class="slide"
    data-0-bottom-top="background-position: 0% 0px;"
    data-0-top-bottom="background-position: 0% -300px;">
    <p>slide 2</p>
    <p>slide 2</p>
    <p>slide 2</p>
    <p>slide 2</p>
    <p>slide 2</p>
    <p>slide 2</p>
    <p>slide 2</p>
    <p>slide 2</p>
</div>
<div id="slide-3" class="slide"
    data-center="background-position: 0% 0px;"
    data-top-bottom="background-position: 0% -100px;"
    data-anchor-target="#slide-3">
    <p>slide 3</p>
    <p>slide 3</p>
    <p>slide 3</p>
    <p>slide 3</p>
    <p>slide 3</p>
    <p>slide 3</p>
    <p>slide 3</p>
    <p>slide 3</p>
</div>
</div>
<script src="scripts/jquery.skrollr.min.js"></script>

#slide-1 { background: url(images/bg-spinnaker.jpg) fixed center center no-repeat; }
#slide-2 { background: url(images/bg-city.jpg) fixed right center no-repeat; }
#slide-3 { background: url(images/bg-laptop.jpg) fixed center center no-repeat; }
.slide { border-bottom: 5px solid #00f; min-height: 600px; }

JS

var s = skrollr.init();