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

关注

原创最新推荐文章于 2026-06-18 15:57:18 发布 754 阅读 AI 写同款· GEO 优化 ›

R语言数据分析从入门到实战：基于Tidyverse的完整学习路径 R语言作为专为统计计算和图形显示设计的编程语言，其核心优势在于强大的数据处理能力和无与伦比的可视化系统。其工作原理基于向量化操作和丰富的扩展包生态，尤其通过Tidyverse这一现代数据科学工具集，实现了数据操作的连贯性与高效性。这一技术价值在于将数据分析从零散的语法学习，整合为从数据导入、清洗、探索、建模到可视化的标准工作流，极大地提升了分析效率与可重复性。在应用场景上，R语言广泛应用于统计建模、探索性数据分析和专业级数据可视化，尤其适合需要快速进行数据探索和生成统计报告的业务分析、学术研究等领域。本文聚阅读详情

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