HTML5:iframe没有滚动?

时间:2013-08-27 15:41:43

标签: html5 iframe scroll

说到HTML5,不再支持滚动属性 - 但我仍然需要删除滚动条 - 如何做到这一点?

1 个答案:

答案 0 :(得分:50)

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

CSS解决方案:

HTML4的scrolling="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>

<强>!重要的提示 !所有现代浏览器尚未完全支持<{strong} overflow: hidden <iframe>(即使Chrome还不支持)所以现在( 2013 )它仍然是最好使用 Transitional 版本并同时使用scrolling="no"overflow:hidden:)