Skrollr不在移动设备上工作

Question

所以这似乎是一个常见的问题，但是没有一个答案给我带来任何快乐。 我已经完全阅读了Skrollr文档，可以得出结论，我完全不知所措。

我的基本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>

因此，您可以看到文档说明我的固定元素超出了我的其他内容。

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

在iPad 2，iOS7 和谷歌Nexus 4，Android 4.4.4上进行移动测试

提前感谢任何建议/帮助

Answer 1

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

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

Answer 2

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

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

Skrollr不在移动设备上工作

问题描述

2 个解决方案

解决方案1
1 已采纳 2014-07-14 09:18:42

解决方案2
0 2014-07-13 21:22:11

Skrollr不在移动设备上工作

问题描述

2 个解决方案

解决方案1 1 已采纳 2014-07-14 09:18:42

解决方案2 0 2014-07-13 21:22:11

解决方案1
1 已采纳 2014-07-14 09:18:42

解决方案2
0 2014-07-13 21:22:11