iframe滚动条无法彻底隐藏的根本原因是父页与子页样式控制权冲突，且跨域时子页样式不可控；现代浏览器已废弃scrolling属性，同源时需在子页设置html/body{overflow:hidden;height:100%}，跨域时须依赖子页postMessage动态调整高度并配合overflow:hidden。
iframe 滚动条无法彻底隐藏，通常不是因为你漏写了某个属性，而是没分清“谁控制谁”——父页的 scrolling 和子页的 overflow 会打架，且跨域时子页样式根本不可控。
scrolling="no" 为什么有时失效
这个属性只在 iframe 本身可直接控制时才起作用。但现代浏览器（Chrome 78+、Firefox 69+）已废弃 scrolling 属性，HTML5 规范里它不再合法。即使写上，部分场景下仍会被子页的 body { overflow: auto } 覆盖——尤其当子页设置了 scrolling="auto" 或没显式声明 overflow 时。
- 必须同时设
frameborder="0"，否则老 IE 下边框+滚动条可能共存 -
scrolling="no"对跨域 iframe 完全无效（子页样式你改不了） - 若子页用了
position: fixed或transform布局，scrolling="no"可能被忽略
子页可控时：用 overflow + html/body 双保险
当你能编辑 iframe 加载的页面源码（同源），最可靠的方式是直接在子页 里加：
<style>
html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
height: 100%;
}
</style>
注意两点：
立即学习“前端免费学习笔记（深入）”；
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 必须同时写
html和body，只写body在某些 DTD 下不生效 -
height: 100%防止内容撑开导致隐性溢出（尤其 flex 或绝对定位子元素） - 如果只要隐藏横向滚动条，用
overflow-x: hidden；垂直方向同理，但别混用auto和hidden，容易触发渲染异常
父页统一隐藏：慎用 body::-webkit-scrollbar
有人在父页写 body::-webkit-scrollbar { width: 0 }，这只能隐藏父页滚动条，对 iframe 内部无效。真正起作用的是给 iframe 元素本身加伪元素：
<iframe src="page.html" class="clean-iframe"></iframe>
.clean-iframe::-webkit-scrollbar {
width: 0;
height: 0;
}
.clean-iframe {
overflow: hidden;
}
但该方案有硬伤：
- 仅 WebKit 内核生效（Chrome/Safari），Firefox 需额外加
scrollbar-width: none - IE/Edge Legacy 完全不支持，且
overflow: hidden会截断超出部分，不是“隐藏滚动条”，而是“禁止滚动” - 若 iframe 高度固定，内容超长时用户根本看不到底部，这不是隐藏，是遮挡
跨域 iframe 怎么办：靠高度自适应 + overflow:hidden
跨域时你无法修改子页样式，唯一可控的是父页 iframe 元素自身。此时要放弃“隐藏滚动条”，转而“不让它出现”：
- 用 JS 监听
load事件，读取iframe.contentDocument?.documentElement.scrollHeight（注意跨域限制，实际只能读到0）→ 所以得依赖子页主动通信 - 子页调用
window.parent.postMessage({ height: document.body.scrollHeight }, '*') - 父页监听
message，动态设置iframe.height = data.height + 'px' - 同时 iframe 必须带
style="overflow: hidden"，否则高度微调时可能闪现滚动条
这个流程绕不开子页配合，没有银弹。强行用 overflow: hidden 而不调高度，等于默认接受内容被裁切——这点常被忽略，却直接影响可用性。
