iOS 下，iframe 页面中的 position:fixed 定位无效的解决办法

最新推荐文章于 2023-03-29 10:25:19 发布

codeRainbow

最新推荐文章于 2023-03-29 10:25:19 发布

阅读量510

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/codeRainbow/article/details/128332295

版权

问题：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':''}">