91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲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è)人資料

存檔

辉南县| 江北区| 湖南省| 阿拉善左旗| 阿鲁科尔沁旗| 辉南县| 富锦市| 马公市| 聂拉木县| 玉田县| 加查县| 鹰潭市| 夏河县| 微山县| 齐齐哈尔市| 西乌珠穆沁旗| 寿宁县| 老河口市| 桐柏县| 塘沽区| 兴国县| 若尔盖县| 朝阳县| 同江市| 乌鲁木齐县| 南投市| 南开区| 肇东市| 兴文县| 黑河市| 涿鹿县| 若羌县| 香港 | 鄢陵县| 家居| 汕尾市| 且末县| 驻马店市| 长春市| 鄂托克前旗| 开平市|