如何为iframe添加水平滚动条且隐藏垂直滚动条

直接用CSS的overflow属性替代过时的scrolling属性就能精准控制滚动条显示：

修改后的代码 #

<iframe src="https://opendsa-server.cs.vt.edu/OpenDSA/Books/Everything/html/Write.html#recurWriteStepsCON" id='frameid1' width="100%" height="330px" style="overflow-x: auto; overflow-y: hidden;"></iframe>

关键说明 #

• 删掉原来的scrolling="no"，这个属性已经被现代浏览器废弃，CSS控制更灵活。
• overflow-x: auto：只有当iframe内容宽度超出容器（这里是100%宽度）时，自动显示水平滚动条，适配小屏幕场景。
• overflow-y: hidden：强制隐藏垂直滚动条，注意要确保设置的height="330px"能容纳核心内容，避免垂直方向的重要内容被截断。

内容的提问来源于stack exchange，提问作者Debjyoti Sutradhar