Fixed positioning in Mobile Safari

by

This fixed position div can be achieved in just 2 lines of code which moves the div on scroll to the bottom of the page.

window.onscroll = function() {
  document.getElementById('fixedDiv').style.top =
     (window.pageYOffset + window.innerHeight - 25) + 'px';
};

More Related Contents:

  1. Javascript for “Add to Home Screen” on iPhone?
  2. iOS 8 removed “minimal-ui” viewport property, are there other “soft fullscreen” solutions?
  3. iScroll 4 not working with form element iPhone Safari and Android browser
  4. Is there any way to use window.onbeforeunload on Mobile Safari for iOS devices?
  5. programmatically changing webkit-transformation values in animation rules
  6. How to detect in iOS webapp when switching back to Safari from background?
  7. Preventing default context menu on longpress / longclick in mobile Safari (iPad / iPhone)
  8. Strange behavior of select/dropdown’s onchange() JS event when using ‘Next’ on Mobile Safari Dropdown list item select box
  9. Determine if user navigated from mobile Safari
  10. iphone/ipad triggering unexpected resize events
  11. Available iPhone Web Application JavaScript UI Library/Frameworks
  12. Mobile Safari on iOS crashes on big pages
  13. Javascript date parsing on Iphone
  14. How do I hide the address bar on iPhone?
  15. How do I put a clear button inside my HTML text input box like the iPhone does?
  16. How to implement an onmousedown and onmouseup on an iPhone touch screen
  17. How to read with JavaScript [closed]
  18. How to implement something like this GIF that using mouse drag and select items
  19. Javascript counting all the characters from a HTML document
  20. Disabling browser print options (headers, footers, margins) from page?
  21. How to get the actual rendered font when it’s not defined in CSS?
  22. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  23. Access CSS variable from javascript [duplicate]
  24. How to make jQuery to not round value returned by .width()?
  25. Font size rendering inconsistencies on an iPhone
  26. Dark mode flickers a white background for a millisecond on reload
  27. Preventing Child from firing parent’s click event
  28. Gaussian Blur onHover Using jQuery
  29. How to keep elements non-refreshed
  30. How to get a leaflet map canvas to have a 100% height?

Leave a Comment