我已经在skrollr上阅读了文档。我的网站包含在
中<div id="skrollr-body">
..site here...
</div>
我所有的固定元素都位于那些标签之外。
在我的常规桌面视图中它运行正常,但是当我在移动设备上测试它时,我可以看到skrollr添加了溢出:隐藏;同时使用body标签和html标签。
如果我添加
html {
overflow:scroll !important;
}
我可以在手机上滚动,但所有的skrollr功能都会中断。
为什么要将这些css规则添加到我的元素中,以及我必须做什么(除了我已经完成的操作)以使页面在移动设备上滚动并且仍然保持skrollr功能完整。
答案 0 :(得分:0)
尝试:
body {
height: 100% !important
}
或
#skrollr-body {
min-height: 100%
}
另外,尝试从#skrollr-body中取出任何固定元素,如bootstrap导航栏。