Skrollr不能在移动设备上正常工作。

Question

Skrollr不能在移动设备上正常工作。

6

所以这似乎是一个常见问题, 但是没有一个答案能够让我感到满意。我已经完全阅读了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 和 Google Nexus 4, Android 4.4.4 上进行移动端测试。

提前感谢任何建议/帮助。

- Matt

2个回答

0

根据this（在移动支持部分的中间位置），为了使其在移动设备上正常工作，您需要在页面上添加#skrollr-body，但我在您的源代码中没有看到它。

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

- user3749994

1

第44行：<div id="skrollr-body"> - Matt

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Matt · Accepted Answer

我只是没有对 skrollr-body 进行样式设置或设置高度。我通过添加以下内容简单地修复了这个问题：

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