Question

所以这似乎是common question，但是没有一个答案给我带来任何快乐。我已经完全阅读了Skrollr Documentation并且可以得出结论，我在这里完全不知所措。

我的基本html标记：

<html>
  <head>
    <!-- Head Stuff -->
  </head>

  <body>
    <div id="navbar">
      <!-- This is a fixed position div -->
    </div>
    <div id="skrollr-body">
      <!-- Rest of my site -->
    </div>
    <script src="skrollr.min.js"></script>
    <script>
      skrollr.init({
        forceHeight: false
      });
    </script>
  </body>

</html>

所以你可以看到documentation states我的固定元素超出了我的其他内容。

我正在使用版本0.6.26（2014-06-08） - 从GitHub页面下载。

iPad 2，iOS7 和 Google Nexus 4，Android 4.4.4上的移动测试

提前感谢任何建议/帮助

Answer 1

我根本没有在分区skrollr-body上设置/设置高度。我只是通过添加：

来修复

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

Answer 2

根据this（大约在移动支持部分下方的一半），要使其在移动设备上运行，您需要在页面上#skrollr-body，我没有在你的来源中看到。

此外，this github问题似乎解决了这个问题。

Skrollr不在移动设备上工作

2 个答案: