- iframes and iOS devices
- put on html, body of iframe contents
- fixes input jumping around
- iframe problem for iOS
- setting width=1px and then min-width=100% prevents frame going past its container
- Scroll IFRAMEs on iOS
- fixes iframe not being scrollable on iphone
- comment section also mentions using
body { -webkit-transform: translate3d(0, 0, 0); }
to prevent rendering of iframe from being cut off - comment section also mentions using !important for these:
-webkit-overflow-scrolling: touch !important;
overflow-y: scroll !important; - How we fixed the -webkit-overflow-scrolling: touch; bug on iOS
- fixes keyboard disabling scroller:
iframe {height:calc(100% + 1px); } - Issues with position fixed & scrolling on iOS
- How to force page to scroll to top only after iframe formstack form was submitted:
instead of window.parent.parent.scrollTo(0,0), use onload="parent.scrollTo(0,0)"
(see http://stackoverflow.com/a/853252) - How to get an IFrame to be responsive in iOS Safari?
Tuesday, January 3, 2017
iOS iFrame Notes
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment