AV免费播放一区二区三区_亚洲综合网第三页_日本一 中文字幕久久综合伊人_麻豆久久久9性大片_日韩av

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

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

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

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

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔

大名县| 任丘市| 榆树市| 东港市| 石泉县| 海门市| 巨鹿县| 宁远县| 如东县| 九龙坡区| 北碚区| 永泰县| 阳山县| 乌兰察布市| 汤原县| 德令哈市| 兴业县| 桂林市| 大余县| 长宁县| 本溪| 西平县| 嵩明县| 台南市| 荣昌县| 雅江县| 永宁县| 昭苏县| 平武县| 慈利县| 宿州市| 黄骅市| 景洪市| 甘谷县| 淮南市| 长治县| 永登县| 枞阳县| 广州市| 会同县| 石家庄市|