iframe滚动条不出现取决于父页面设置和子页面尺寸内容；默认溢出时显示，但子页面overflow:hidden等样式会抑制滚动；可用scrolling属性或CSS overflow控制，需同步检查子页面样式。
iframe 默认滚动条为什么有时不出现
iframe 的滚动条是否显示，取决于两个因素：父页面对 iframe 元素的设置，以及子页面自身的尺寸和内容。浏览器默认行为是：当 iframe 内容超出其设定宽高时，自动显示滚动条；但若子页面设置了 overflow: hidden 或 body { margin: 0; height: 100%; } 类似的布局，就可能压制滚动行为，导致“该有却没出现”。
用 scrolling 属性强制控制滚动条显隐
scrolling 是 iframe 的传统 HTML 属性（虽已废弃但仍广泛支持），可直接控制滚动条行为：
-
scrolling="auto"：默认值，内容溢出时显示滚动条 -
scrolling="yes"：始终显示滚动条（横向+纵向） -
scrolling="no"：完全隐藏滚动条（即使内容溢出也不显示）
注意：这个属性在现代 HTML5 中已被标记为过时，推荐优先使用 CSS 方式替代，但它在多数浏览器中依然有效，适合快速验证或兼容旧环境。
用 CSS 的 overflow 控制更可靠
更现代、更可控的方式是通过 CSS 设置 iframe 元素本身的 overflow，或用 scrolling + overflow 组合：
立即学习“前端免费学习笔记（深入）”；
- 让 iframe 始终显示滚动条：
<iframe src="page.html" style="overflow: scroll;" width="600" height="400"></iframe>
- 只显示垂直滚动条：
<iframe src="page.html" style="overflow-y: scroll; overflow-x: hidden;" width="600" height="400"></iframe>
- 禁用所有滚动（需配合子页面限制高度）：
<iframe src="page.html" style="overflow: hidden;" width="600" height="400"></iframe>
⚠️ 关键点：仅设 overflow 不够——如果子页面内部有 html { overflow: hidden; } 或固定高度容器撑开内容，iframe 仍可能无法滚动。此时需同步检查子页面的 body/html 样式。
子页面内容溢出但 iframe 不滚动？检查这几点
常见“设了 scrolling=yes 却没滚动”的真实原因：
- 子页面
<body>或<html>有height: 100%且无明确高度来源，导致内容被截断而非溢出 - 子页面用了
position: fixed或transform布局，脱离文档流，iframe 无法感知实际高度 - 父页面 iframe 的
width/height是百分比值，但父容器未设高，导致 iframe 高度塌陷为 0 - 子页面 JS 执行了
document.body.style.overflow = 'hidden'，动态关闭了滚动能力
最稳妥的调试方式：临时把子页面打开为独立标签页，确认它自身能否正常滚动；再嵌入 iframe，对比表现差异——问题大概率出在子页面的样式或脚本上，而不是 iframe 标签本身。
