iframe不支持局部滚动，需用父容器接管：父容器设固定高度和overflow-y: auto，iframe设width:100%;height:100%;overflow:hidden；跨域时无法获取内容高度，须固定高度。
iframe本身不支持局部滚动，必须靠父容器接管
iframe 是个独立渲染上下文，它的滚动条属于 iframe 自身 viewport，没法像普通 <div> 那样嵌套进外层滚动流。所谓“iframe 局部滚动”，本质是：**不让 iframe 自己滚，而是把它当静态内容塞进一个可滚动的父容器里**。
常见错误是直接给 <iframe> 设 overflow-y: auto —— 没用，它只对自身文档生效，且多数浏览器会忽略（尤其 Safari）。真正起作用的是包裹它的 <div>。
- 父容器必须设明确高度（
height或max-height），不能靠min-height或内容撑开 - 父容器加
overflow-y: auto，iframe 本身设width: 100%; height: 100%（注意：height: 100%只在父容器有固定高度时才有效） - 避免父容器是
display: flex且没配flex-shrink: 0，否则 iframe 高度会被压缩归零 - iframe 的
scrolling属性（如scrolling="no"）在 HTML5 中已废弃，CSSoverflow才是唯一可靠控制方式
iframe内容超长时，怎么让父容器统一滚动、去掉内部滚动条？
目标是用户只看到一层滚动条——在外层 <div> 上，而不是 iframe 里面再套一根。这需要两步：禁掉 iframe 自身滚动 + 动态拉高 iframe 高度匹配内容。
但第二步有硬限制：**仅同源 iframe 才能读取 contentDocument.body.scrollHeight；跨域 iframe 无法获取真实高度，只能估高或固定高度+外部滚动**。
立即学习“前端免费学习笔记（深入）”；
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 同源场景：监听
iframe.onload，取iframe.contentWindow.document.body.scrollHeight，赋给 iframe 的style.height - 跨域场景：放弃自适应，改用固定高度（如
height: 600px）+ 父容器overflow-y: auto，这是最稳方案 - 无论是否跨域，iframe 都要加
style="overflow: hidden"，防止 Safari 等浏览器仍显示滚动条 - 别信
height: 100%能自动适配——它依赖祖先链上每个父级都有明确高度，漏一级就失效
滚动到 iframe 内某个锚点，为什么 document.getElementById 失效？
因为 iframe 内的 DOM 不在主页面文档树里，document.getElementById('section-2') 根本找不到。想跳转到 iframe 内部某个 id，必须先拿到 iframe 的文档上下文，再在其内部查找。
但跨域 iframe 会触发安全策略，iframe.contentDocument 直接报 Blocked a frame with origin ... from accessing a cross-origin frame。
- 同源 iframe：用
iframe.contentDocument.getElementById('target-id')，再调target.scrollIntoView({ behavior: 'smooth' }) - 跨域 iframe：无法直接控制。替代方案是让目标页面自己处理：在 src 页面末尾加脚本，监听
location.hash变化并执行scrollIntoView - 不要用
iframe.document.body.scrollTop = xxx这种写法——iframe.document在现代浏览器中已不可用，应始终通过contentDocument或contentWindow.document - 若目标元素在 iframe 加载前就尝试滚动，会因 DOM 未就绪而失败，务必等
iframe.onload触发后再操作
为什么 iframe 滚动事件监听不到，或者 scrollTop 始终为 0？
根本原因只有一个：你监听的是 iframe 元素本身的 scroll 事件，但它**根本不冒泡也不触发**。iframe 的滚动事件只发生在其内部文档上，外部页面无法直接监听。
想响应 iframe 滚动位置变化，只有两个现实路径：同源下主动轮询，或由 iframe 内部主动 postMessage 通知。
- 同源 iframe：在 iframe 内部定时执行
parent.postMessage({ type: 'scroll', top: window.scrollY }, '*')，父页用window.addEventListener('message', ...)接收 - 跨域 iframe：只能靠 iframe 自己发消息，父页无法反向读取
scrollTop，任何试图用iframe.contentWindow.scrollY的代码都会被拒绝 - 别在父页对 iframe 元素绑定
scroll事件——它永远不会触发，浪费性能 - 如果只是想“禁止滚动”，光靠
overflow: hidden不够，需叠加pointer-events: none（但会禁用所有点击）或拦截wheel/touchmove事件
