我有一个导航栏,其位置设置为固定。这正如预期的那样在浏览器和移动浏览器上正常工作。导航栏位于视口的底部,其他所有内容都在其下方滚动。
但是当移动到应用程序中的移动Web视图时,同样的页面,它会在页面的最末端呈现导航栏,以便我必须向下滚动才能看到它。
只有当我将顶部位置更改为50%左右时,我才进入设备视图。
似乎如果我从那个页面中删除所有内容只有空,我仍然会看到垂直滚动条,即使我的页面是空的。
答案 0 :(得分:1)
在移动设备上使用position: fixed
有几个已知问题。其中包括固定元素的行为,它并不总是保持不变。
虽然您的问题可能出在您的代码中,但这可能不是问题,因为您提到导航栏在各种移动浏览器中运行良好。
以下是对跨多个移动平台和设备测试的position: fixed
的评论:
<强> Fixed Positioning in Mobile Browsers 强>
这是我几天前提供给相关问题的答案:
希望这会有所帮助。祝你好运!