javascript - Skrollr 视差在移动设备上不起作用

Question

我的主页可以在浏览器上运行，但不能在移动设备上运行。我在这里使用了视差。

谁能帮我解决一下可能是什么问题？这是 HTML 代码:

    <article id="banner" class="banner">
<span id="ipad" data-145="transform:translate(0px,0px);" data-700="transform:translate(0px,400px);"></span>
<span id="flower_big" data-145="transform:translate(0px,0px);" data-700="transform:translate(0px,400px);"></span>
<span id="flower_small" data-145="transform:translate(0px,0px);" data-700="transform:translate(0px,400px);"></span>
<span id="bloom" data-145="margin-top: 224px;" data-700="margin-top: 624px;"></span>
</article>
<script type="text/javascript">
   var s = skrollr.init();
</script>  

Answer 1

设置 skrollr-body 的高度:

#skrollr-body {
    float: left;
    width: 100%;
    height: 100%;
}