html - 使用 skrollr-body 时，iOS 问题将 div 背景图像的高度设置为视口的 100% 高度

Question

我有一个简单的网站，有 2 个部分，其中包含少量内容和背景图片。在我添加 id skrollr-body 标签之前，一切似乎都正常，但现在由于该 ID 现在包含我的所有内容，100% 的高度不再有效。我尝试使用 100vh 属性，但这似乎也不起作用。这似乎只是 iPad 上的一个问题，我知道这是因为 Skrollr 在 ios 设备上处理滚动的方式。我不知道如何将内容部分强制为视口的 100% 并且仍然让 Skrollr 在移动设备上工作。

这是我正在谈论的内容的简单演示

如果您碰巧读到了这篇文章，感谢 Prinzorn 的帮助！

关联

Answer 1

您已经找到了原因，解决它与 skrollr 无关，只是 CSS。

#skrollr-body {
    height:300%;
}

section {
    height:33.3333%;
}

编辑：这种方法更通用，应该与没有 skrollr-body 的情况相同

#skrollr-body {
    height:100%;
    overflow:visible;
}