问题:iOS 下,iframe 页面中的 position:fixed 定位无效的解决办法
解决办法:对滚动部分设置高度
1、先判断当前页面是否是iframe嵌套页面
if (window.self === window.top) {
console.log('没有在ifram')
// 返回true 页面没有嵌套在ifram中
this.iframeFlag = true
} else {
console.log('在iframe')
// 返回false 页面嵌套在ifram中
this.iframeFlag = false
}
2、当当前页面时iframe嵌套时动态添加样式
<div class="detail-container" v-if='detailData' :style="{'height':iframeFlag==false?parentHeight+'px':'100%','overflow':iframeFlag==false?'auto':'','-webkit-overflow-scrolling':iframeFlag==false?'touch':''}">
本文介绍了解决iOS系统中iframe内position:fixed定位失效的问题。通过检测页面是否被iframe嵌套并调整滚动部分的高度来确保fixed元素正确显示。
1万+

被折叠的 条评论
为什么被折叠?



