Skrollr，Overflow Hidden；

Question

我已经在skrollr上阅读了文档。我的网站被包装在

<div id="skrollr-body">
..site here...
</div>

我所有的固定元素都位于它的下方，在这些标签之外。

在我的常规桌面视图中，它工作得很好，但当我在移动设备上测试它时，我可以看到skrollr在body标签和html标签中都添加了overflow:hidden；。

如果我添加

html {
overflow:scroll !important;
}

我可以在手机上滚动，但是所有的skrollr功能都坏了。

为什么要将这些css规则添加到我的元素中，以及我必须做些什么(除了我已经做过的以外)才能让页面在移动设备上滚动，同时仍然保持skrollr功能的完整性。

​

​

Answer 1

尝试：

body {
  height: 100% !important
}

或

#skrollr-body {
  min-height: 100%
}

另外，试着从#skrollr-body中去掉任何固定的元素，比如引导导航栏。