iframe滚动溢出隐藏不在css中工作

Question

这是iframe

<iframe class="iframe_style" id="iframeid" src="#" height="100%" width="100%" ></iframe>

我使用CSS作为溢出：隐藏，但我仍在滚动...

.iframe_style{
border: 3px solid red;
overflow: hidden;
}

JSFIDDLE

对此有何帮助？

Answer 1

正如我在你的小提琴中看到的，你将iframe overflow设置为hidden，这将适用于iframe内容

如果您想要body，请添加

body{
    overflow:hidden;
}

<强> JSFIDDLE

Answer 2

将display: block添加到iframe。

.iframe_style{
    border: 3px solid red;
    display: block;
}

不要忘记考虑您添加的边框。使用jQuery从宽度和高度中减去边框大小。

var window_height = $(window).height() - 6;
var window_width = $(window).width() - 6;

JSFiddle： http://jsfiddle.net/Lxjy4ae6/50/

Answer 3

body, html { 
    overflow: hidden;
}

应该做的伎俩。