Featured post
javascript - IOS safari : clipping of iframe when using transform3d -
people have found means make div scrollable on ios devices using css transforms. have issue iframes on ios safari, whereby if try , use css3 transforms scroll content in iframe, resulting content clipped rendered first on screen. works fine on android devices, , works on divs on ios, not iframes. appears bug in safari webkit implementation. i've tried increasing height of iframe larger content contained within, , ensured overflow enabled on iframe.
has been able come workaround? i'm absolutely in-need of iframe remote content, last resort proxy content through server sided page, , inject javascript in order perform translate3d on child's body tag: seems work.
images - after translate 3d (notice clipping) :
sadly don't have answer you, general opinion seems to stay away iframes in ios safari; support buggy. second approach of using server side proxy remote content, assuming lock down trusted third party content.
also aware of apparent width limitation on 3d transformed divs in ios 4.2 safari - found cut off @ 122,900 pixels (this "feature" not present in ios 3.2)
- Get link
- X
- Other Apps
Comments
Post a Comment