scrolling 属性对 iframe 无效，它仅属于已淘汰的 frame 元素，html5 规范已移除；现代浏览器全部忽略，应改用 overflow css 配合尺寸约束和事件拦截来控制滚动。
scrolling 属性对 iframe 无效，别再写了——它只属于已淘汰的 frame，现代浏览器（Chrome、Firefox、Safari、Edge）全部忽略，HTML5 规范里压根没它。
为什么 scrolling="no" 在 iframe 里不起作用
这不是你代码写错了，是标准早就把它删了。scrolling 是 HTML4 时代 frame 和 frameset 的遗留属性，W3C 在 HTML5 中彻底移除。哪怕你在 iframe 标签里硬加上 scrolling="no"，浏览器解析时直接当不存在。部分旧版 IE 或 Edge Legacy 曾“悄悄支持”，但行为不一致、不可靠、无法验证，新项目绝对不能依赖。
overflow: hidden 是唯一靠谱的 CSS 控制方式
真正起作用的是 CSS 的 overflow，但它不是“开关”，而是“裁剪策略”——前提是容器有明确尺寸约束：
-
overflow: hidden：隐藏滚动条，同时裁剪溢出内容（用户看不到也滚不到） -
overflow: auto：内容超限时才显示滚动条（推荐默认用这个） -
overflow-y: hidden：仅禁垂直滚动，保留水平方向（适合横向表格嵌入） - 必须配
width和height（或max-height+display: block），否则overflow失效——比如父容器是flex且没设align-items: flex-start，或position: absolute缺少top/bottom边界
光靠 CSS 还不能真正“禁用滚动交互”
overflow: hidden 只管视觉裁剪，拦不住鼠标滚轮、触摸板滑动、空格键、方向键触发的滚动（尤其跨域 iframe）。要锁死，得叠加事件拦截：
- 同源
iframe：等load后执行iframe.contentDocument.body.style.overflow = 'hidden' - 跨域
iframe：只能在父页面监听mousewheel、touchmove并preventDefault()；但键盘滚动（如空格）在 Safari 中仍可能穿透，此时可考虑加pointer-events: none（副作用是点击失效） - 最稳组合：固定尺寸 +
overflow: hidden+pointer-events: none（若不需要内部交互）
最容易被忽略的细节：溢出判断依赖渲染上下文
overflow 不是写上就生效的魔法属性。它需要浏览器能明确算出“什么算溢出”。如果 iframe 外层是 display: grid 且没设 grid-template-rows，或者用了 height: 100% 但祖先元素没给高度，overflow: hidden 就会静默失效——此时滚动条照常出现，不是 bug，是你没给它判断依据。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
