日韩有码玖玖资源中文字幕人妻不卡,99精品视频精品精品视频,国产三级精品美女三级

日本阿v片在线播放免费,成人国产片视频在线观看,日韩黄片毛片在线观看,一区亚洲电影,琪琪秋霞午夜av影视在线,中文字幕在线视频不卡,最新大伊香蕉精品视频在线,亚洲AV无码日韩一区二区乱

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

2020-4-19 seo達人

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

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

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

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

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

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