Iframe滚动溢出隐藏在css中不起作用

Iframe scrolling overflow hidden not working in css

本文关键字：css 不起作用 隐藏 滚动 溢出 Iframe      更新时间：2023-09-26

这是iframe

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

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

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

JSFIDDLE

有什么帮助吗？

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

如果你想为body制作，只需添加

body{
    overflow:hidden;
}

JSFIDDLE

将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/

body, html { 
    overflow: hidden;
}

应该做这个把戏。

相关文章：