为什么我的导航栏位于:固定'在网页底部显示不在移动设备上的视口底部?

时间:2015-08-01 01:04:59

标签: javascript html ios css webview

我有一个导航栏,其位置设置为固定。这正如预期的那样在浏览器和移动浏览器上正常工作。导航栏位于视口的底部,其他所有内容都在其下方滚动。

但是当移动到应用程序中的移动Web视图时,同样的页面,它会在页面的最末端呈现导航栏,以便我必须向下滚动才能看到它。

只有当我将顶部位置更改为50%左右时,我才进入设备视图。

似乎如果我从那个页面中删除所有内容只有空,我仍然会看到垂直滚动条,即使我的页面是空的。

1 个答案:

答案 0 :(得分:1)

在移动设备上使用position: fixed有几个已知问题。其中包括固定元素的行为,它并不总是保持不变。

虽然您的问题可能出在您的代码中,但这可能不是问题,因为您提到导航栏在各种移动浏览器中运行良好。

以下是对跨多个移动平台和设备测试的position: fixed的评论:

<强> Fixed Positioning in Mobile Browsers

这是我几天前提供给相关问题的答案:

<强> Enable mobile device users to toggle div between position: fixed and position: static (or 'relative')

希望这会有所帮助。祝你好运!