iPhone Sticky Menu Jquery Onscroll iOS 9

menu scroll on iPhone

You can try to remove the fixed position when the screen is too small, so the header also scrolls. Try to add this to the CSS:

@media (max-width: 800px){

    #headerWrapper{
        position:relative;
    }

    #content{
        margin-top:0px;
    }
}

Hope it helps!

Creating a sticky fixed-position item that works on iOS Safari

Answering my own question. iOS7 now support position:sticky
Demo: http://html5-demos.appspot.com/static/css/sticky.html

Scroll issue and random redirect in Phonegap + Jquery mobile in IOS 9

set style="overflow: auto" for data-role="page" for iOS 9 alone. the scroll will be sticky some times but it will resolve the showstopper status temporarily.

---

Related Topics