scrolling="no" 在 iframe 上完全无效，因 html5 标准已直接移除该属性，现代浏览器全部忽略；禁用滚动须分场景：能改源页则设 html, body { overflow: hidden };不能改则需同源 js 注入或事件拦截，跨域时仅能靠尺寸约束与 pointer-events: none 等有限手段。
scrolling="no" 在 iframe 上完全无效
这不是兼容性问题，是 HTML5 标准直接移除了 scrolling 属性。Chrome 120+、Firefox 125+、Safari 17+、Edge 126+ 全部忽略它——哪怕你写 <iframe src="a.html" scrolling="no"></iframe>，浏览器解析时就当没这回事。它只属于已淘汰的 <frame> 和 <frameset></frameset>，现代页面里不该出现。
禁用滚动必须分场景处理
关键在：你能否修改被嵌入页面的代码？不能一概而用 overflow: hidden 塞给 <iframe></iframe> 标签本身，那只是裁剪 iframe 元素的边框区域，不影响内部文档滚动。
- 如果你能改源页（比如嵌的是自己写的
widget.html）：在它的<style></style>里加html, body { overflow: hidden; margin: 0; } - 如果你不能改源页（比如嵌第三方站点）：
overflow: hidden对<iframe></iframe>元素本身基本无效；此时真要禁滚动，得靠父容器尺寸约束 +pointer-events: none+ 拦截wheel/keydown事件（但跨域时 JS 无法注入子页面，拦截也仅限父页面可捕获的部分） - 若只需视觉隐藏滚动条（仍可滚）：用
iframe::-webkit-scrollbar { display: none; }+scrollbar-width: none（Firefox），但注意这不阻止键盘或焦点滚动
别踩这些坑
常见错误不是“写法不对”，而是对作用域理解偏差：
-
frameborder="0"同样废弃，用 CSSborder: none替代，但它只管 iframe 自身边框，不管子页面的 margin 或滚动条 -
loading="lazy"对跨域或display: none的 iframe 无效，别指望它帮加载控制滚动行为 - 设
style="overflow: hidden"在<iframe></iframe>上 ≠ 禁用内部滚动，用户仍可通过 Tab 键聚焦到内部可滚动元素并用方向键滚动 - 用
sandbox是必须的，尤其当你不确定嵌入内容是否可信；不加sandbox或只写sandbox=""（空值）会默认禁 JS/表单/插件，但需显式加allow-scripts等才可运行脚本
响应式 iframe 高度控制更麻烦
固定 height 容易导致内容截断或空白，但用 aspect-ratio + position: absolute 容器是目前最稳的方案。例如：
<div style="position: relative; width: 100%; aspect-ratio: 16/9;"> <iframe src="demo.html" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe> </div>
注意：这个技巧依赖子页面内容高度可预测；若子页面高度动态变化（如展开折叠区块），还得配合 postMessage 跨域通信来同步高度，否则必然出现滚动条或留白——这点最容易被忽略。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
