Skrollr Mobile,Overflow Hidden;

时间:2014-08-10 23:22:47

标签: html css skrollr

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

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

我所有的固定元素都位于那些标签之外。

在我的常规桌面视图中它运行正常,但是当我在移动设备上测试它时,我可以看到skrollr添加了溢出:隐藏;同时使用body标签和html标签。

如果我添加

html {
overflow:scroll !important;
}

我可以在手机上滚动,但所有的skrollr功能都会中断。

为什么要将这些css规则添加到我的元素中,以及我必须做什么(除了我已经完成的操作)以使页面在移动设备上滚动并且仍然保持skrollr功能完整。

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试:

body {
  height: 100% !important
}

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

另外,尝试从#skrollr-body中取出任何固定元素,如bootstrap导航栏。