日本一区二区三区在线播放-国产视频一-美女黄网站成人免费视频-奇米中文字幕-日本少妇xxxxx-九九精品99-国产人碰人摸人爱视频-欧美亚洲网站-国产艳妇av在线-在线av网站-久久a久久-可以免费看黄色的网站-国产视频一二-在线播放视频高清在线观看-男人的天堂av网站-久久一二三区-欧美日韩综合一区二区

內(nèi)嵌iframe頁面在IOS下會(huì)受內(nèi)部元素影響自動(dòng)撐開的問題

2020-4-19    seo達(dá)人

IOS下的webview頁面，內(nèi)嵌iframe元素，將其樣式指定為寬高100%： 

.iframe { width: 100%; height: 100%;
}

在安卓下運(yùn)行均無問題，但是在IOS下會(huì)出現(xiàn)異常。

具體表現(xiàn)為iframe頁面內(nèi)的子元素一旦超出原先的邊界，只要能影響到html元素的寬高，就會(huì)自動(dòng)撐開iframe，即使html元素設(shè)置了overflow:hidden也沒用。
比如一個(gè)body元素下的彈層需要從下往上滑動(dòng)進(jìn)場，這個(gè)彈層的位置就會(huì)導(dǎo)致html高度的變化，因此頁面底部的tabbar就會(huì)在彈層運(yùn)動(dòng)期間先消失再出現(xiàn)。

解決方法就是使用具體的寬高數(shù)值鎖定iframe元素： 

function onLoadIFrame (index) { // 修復(fù)IOS下輪播圖初始化瞬間會(huì)讓iframe寬度自行擴(kuò)大問題 if (this.ENV.isIOS) { const iframe = this.$el.querySelector('#iframe' + index)
    iframe.style.width = iframe.clientWidth + 'px' iframe.style.height = iframe.clientHeight + 'px' }
}

日歷

鏈接

個(gè)人資料

存檔

辽阳县| 织金县| 西乌珠穆沁旗| 敦煌市| 泽州县| 尼玛县| 鹿泉市| 扶风县| 永登县| 犍为县| 高要市| 博兴县| 五大连池市| 鄂温| 龙川县| 渝中区| 绥德县| 中江县| 章丘市| 景德镇市| 汝阳县| 沽源县| 留坝县| 太康县| 乌拉特中旗| 平山县| 双桥区| 安溪县| 秦皇岛市| 东丰县| 凤庆县| 喜德县| 正镶白旗| 上蔡县| 中西区| 铅山县| 琼中| 德安县| 克拉玛依市| 九龙坡区| 仙游县|