iOS 9 Safari: Changing an Element to Fixed Position While Scrolling Won't Paint Until Scroll Stops

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

Div set to fixed position not floating with scroll in mobile responsive view

The position is set relative to an ancestor element if it has the transform property set (source).

In your case, while you properly set position: fixed, the .mobmenu-push-wrap element has the transform property set. So the position of the hstickyfor_mobile element is determined relative to the.mobmenu-push-wrap element, which is static.



Related Topics



Leave a reply



Submit