Android Web App：位置：固定坏了？

Question

我正在开发移动设备的Web应用程序。一世 与网络应用程序一起使用，因为对我来说这似乎是一个成功 必须开发一个也可以在iPhone上运行的应用程序/ Windows Mobile / Palm等。

我在做了几天的概念，想法和想法之后开始测试 设计和我想要做的是有一个坚持的菜单 页面底部。完全像这款iPhone底部的菜单 应用程序截图：

使用CSS，虽然这样做很容易。只使用 位置是：固定;底部：0;本来可以做到这一点，但我发现了 它在移动浏览器上的行为不一样

我试图将我的页面分为两部分：1将是一个可滚动的div （对于内容），另一个是底部菜单。 可滚动的div也无法在Android上运行。我也尝试过使用框架 也没有运气。有没有人知道任何重新创建菜单的方法 这会粘在手机页面的底部吗？

Answer 1

在我的带有CyanogenMod的Android N1上我也遇到了这个问题并修复了：

   <meta
     name="viewport"
     content="width=100%; 
             initial-scale=1;
             maximum-scale=1;
             minimum-scale=1; 
             user-scalable=no;"
    />

特别是user-scalable=no;部分，您也可以将0代替no。

有趣的是，这会破坏按钮的渲染效果，但您只需要为按钮设置背景颜色。

Answer 2

只需添加：

<meta name="viewport" content="width=device-width, user-scalable=no" />

到该页面，您将设置为Android 2.2+。这适用于我在手机上测试的页面。资料来源：When can I use CSS position:fixed?

Answer 3

这应该工作:) http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

Answer 4

刚刚在我的HTC Desire上升级到Android 2.2（Froyo），我很高兴地说现在修复的位置有效，至少在使用视口元标记来设置初始比例和宽度时。但是，它似乎仍然不适用于常规网页。

Answer 5

我确认在你的html标题中使用元名称

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

在Android 2.2,2.3及更高版本上，您将在垂直和水平方向上滚动固定div 和iOS 4及以上。 我在这里举了一个例子： https://dl.dropbox.com/u/908148/website/test-scroll.html