iframe在iphone手機(jī)上的問(wèn)題與解決方案

來(lái)源 | http://www.fly63.com/article/detial/7370

html{    position: relative;    width: 100%;    height: 100%;    overflow: hidden;}body{    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    overflow: auto;    -webkit-overflow-scrolling: touch;}

問(wèn)題2：

ios中點(diǎn)擊，通過(guò)display=block或.show()顯示元素會(huì)跳轉(zhuǎn)頂部。

解決方法：將元素設(shè)置為visibility:hidden，通過(guò)改變值為"visible"顯示元素。

問(wèn)題3：

ios微信中，iframe下長(zhǎng)按二維碼識(shí)別不了。

原因：iframe受微信的安全限制，阻止了默認(rèn)事件，也可能是父子窗口的原因。

解決思路：看其他文章說(shuō)可以在iframe中的二維碼被按下touchstart的時(shí)候，將二維碼地址推送至父頁(yè)面。

父頁(yè)面接收到二維碼識(shí)別的請(qǐng)求，則創(chuàng)建一個(gè)不可見(jiàn)的img元素，src為剛剛傳輸過(guò)來(lái)的二維碼地址，并且二維碼置頂鋪滿(mǎn)整個(gè)屏幕。

在touchend與touchcancel時(shí)，通知父窗體刪除二維碼。（具體沒(méi)有嘗試過(guò)）