固定菜单，不能在 iPhone 上工作？答案

【问题标题】：Fixed menu, Not working on iphone?固定菜单，不能在 iPhone 上工作？
【发布时间】：2017-02-04 16:28:35
【问题描述】：

我在页面顶部有一个固定菜单的网页上工作过，在移动版本的 android 中，菜单工作正常，固定在页面顶部，但在 iPhone 上它似乎不起作用，有人知道为什么？这是我的菜单 div 和容器：

    .container{padding-top: 160px;z-index: 0;}

    .menu{
        margin: 0 auto;
        width: 95%;
        margin-left: 2.5%;
        box-sizing: border-box;
        overflow: auto;
        position: fixed;
        padding-bottom: 2%;
        z-index:1;
}

【问题讨论】：

如果要查看的页面是：www.diegocervantes.com/warlo
如果您有iphone，请查看手机版链接，查看问题
您能否在开发工具的 iphone 模拟器中重现它，还是仅在 iphone 设备上出现问题？
是的，我在 iphone 和我的 android 上看到过该页面，在我的 moto 中它工作正常，但问题似乎只出现在 iphone 设备上

标签： android html ios css iphone

【解决方案1】：

移除溢出：滚动，溢出：自动；和-webkit-overflow-scrolling：触摸；来自您的 css 文件中的 .menu。我已经在 Mac 上使用 Safari 对此进行了测试，因为问题也出现在那里，直到我删除了这些属性。

【讨论】：