Question

我正在尝试创建一个菜单，该菜单将粘贴在屏幕底部以进行移动导航，因此我使用了position: fixed，它可以在PC上运行，但不能在移动设备上运行。这是我使用的代码：

.menu_bar {
    background-color: #000;
    text-align: center;
    height: 75px;
    width: 100%;
    position: fixed;
    bottom: 0;
    display:block;
    z-index: 9999;
}

Here's the demo 这是Opera Mini emulator

任何人都知道为什么我不能让它在手机上工作？谢谢:)）

编辑：我发现大多数移动浏览器都不支持position: fixed，你知道有什么好的选择吗？也许在Jquery的帮助下？感谢

Answer 1

我只能考虑给表一个固定的位置，但我不确定这是否会导致进一步的问题所以你有：

table {
    position: fixed;
    top: 0px
    bottom: 75px
}

.menu_bar {
    background-color: #000;
    text-align: center;
    height: 75px;
    width: 100%;
    position: fixed;
    bottom: 0;
    display:block;
    z-index: 9999;
}

所以你仍然可以修改你的菜单栏，但你可能需要添加一个溢出：滚动;或溢出：auto;如果内容不滚动。我建议阅读http://code.google.com/mobile/articles/webapp_fixed_ui.html以使用javascript来滚动内容，这可能会更好。

屏幕底部定位移动CSS

1 个答案: