html - HTML5：Iframe 没有滚动？

Question

当涉及到 HTML5 时，不再支持滚动属性 - 但我仍然需要删除滚动条 - 怎么做？

Answer 1

在 HTML5 中没有滚动属性，因为“它的功能由 CSS 更好地处理”请参阅http://www.w3.org/TR/html5-diff/了解其他更改。那么和CSS解决方案：

CSS解决方案：

HTML4scrolling="no"是 CSS 的一种别名，overflow: hidden为此设置大小属性宽度/高度很重要：

iframe.noScrolling{
  width: 250px; /*or any other size*/
  height: 300px; /*or any other size*/
  overflow: hidden;
}

将这个类添加到你的 iframe 中，你就完成了：

<iframe src="http://www.example.com/" class="noScrolling"></iframe>

！重要的提示 ！: overflow: hidden for<iframe>还没有被所有现代浏览器完全支持（甚至 chrome 还不支持它）所以现在（2013 年）最好使用过渡版本并同时scrolling="no"使用overflow:hidden:)

2020 年更新：上述情况仍然正确，所有专业仍然不支持 iframe 的 oveflow