HTML5:iframe没有滚动？

Question

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

Answer 1

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

CSS解决方案:

HTML4 scrolling="no"是CSS的别名overflow: hidden,为此,设置大小属性width/height非常重要:

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对<iframe>未完全通过所有现代浏览器都支持,但(即使Chrome不支持它尚未)所以现在(2013),它仍然是更好地使用过渡版和使用scrolling="no",并overflow:hidden在同一时间:)