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

Question

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

以下是我所谈论的简单演示

如果你碰巧读到这篇文章，感谢Prinzhorn的帮助！

link

Answer 1

你已经找到了原因，解决它的问题与skrollr无关，只是CSS。

#skrollr-body {
    height:300%;
}

section {
    height:33.3333%;
}

编辑：这种方法更为通用，应该与没有skrollr-body

的方法相同

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