Skrollr Parallax无法在移动设备上运行

时间:2015-01-09 10:33:08

标签: javascript jquery html css

我的主页正在使用浏览器,但手机上没有。我在这里使用了视差。

任何人都可以帮我解决可能存在的问题吗?这是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>  

1 个答案:

答案 0 :(得分:0)

在分区skrollr-body上设置高度:

#skrollr-body {
    float: left;
    width: 100%;
    height: 100%;
}
相关问题