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
How to Center Align the Cells of a Uicollectionview
How to Simultaneously Satisfy Constraints - No Constraints in Place
Writing Handler for Uialertaction
How to Change Wkwebview or Uiwebview Default Font
Nsfetchedresultscontroller V.S. Uilocalizedindexedcollation
How to Get a View's Current Width and Height When Using Autolayout Constraints
How to Fix the Xcrun Unable to Find Simctl Error
How to Send a Silent Push Notification Payload
Designing Inside a Scrollview in Xcode 4.2 with Storyboards
How to Store an Image in Core Data
Uitableview with Static Cells Does Not Appear
How to Load an Uiimage into a Swiftui Image Asynchronously
Change the Width of Master in Uisplitviewcontroller
Missing Private Key in the Distribution Certificate on Keychain