固定菜单，无法在iPhone上使用？

Question

I have worked on a web page with a fixed menu on top of the page, in mobile version of android the menu works fine, fixed on top of the page, but on iPhone it doen't seem to work, someone knows why? Here is my menu div and container:

    .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;
}

Answer 1

Remove overflow: scroll, overflow: auto; and -webkit-overflow-scrolling: touch; from .menu in your css file. I've tested this using Safari on Mac as the problem appears there too until I removed these properties.