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;
}

应该做到的。