iframe 横向滚动条去不掉

This topic created in 4296 days ago, the information mentioned may be changed or developed.

已经用OVERFLOW-X：hidden这种方式了，发现在iframe固定宽高（小于包含页的宽高）的时候根本不生效
代码见：
http://someant.com/meet/
后来改为大圈套小圈的方式
这样做好像iframe的包含页显示的是大圈的宽高了
http://someant.com/meet/index2.html
这样做就不能定义宽高为700*970px

搞不懂为什么会有这的需求，而且还要小于包含页
有什么方法可以去掉滚动条么？

iframe

滚动

包含

6 replies • 2014-11-09 00:08:46 +08:00

dong3580

Nov 8, 2014

正巧前端时间被这玩意折磨的，
这样呢？

<iframe id="id1" width="100%" height="100%" frameborder="0" scrolling="NO">
</iframe>

Moker

Nov 8, 2014

@dong3580 这样设置的话就不是固定宽度了吧~~~

dong3580

Nov 8, 2014

给你写个高度出现这种情况的办法，宽度以此类推：

被嵌套页面加上
$('#id1', window.parent.document).css("height",window.screen.height-80);
适当时候被嵌套页面加入触发：
function WindowNewHeight(){
var height=$("#div1").height()+220;//div1为被嵌套页面的一个div1
$("#id1",window.parent.document).height(height);//id1为iframe id
}

每个事件加入判断

Moker

Nov 8, 2014

@dong3580 明天去试下

kmvan

Nov 8, 2014

FF 没看到横向滚动条

Moker

Nov 9, 2014

@kmvan 我测试过有滚动条的。。你是14寸的显示屏么。。如果是的话你缩小看就有了，那是因为高度问题把滚动条给顶出画面外了