iframe 横向滚动条去不掉

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

搞不懂为什么会有这的需求,而且还要小于包含页
有什么方法可以去掉滚动条么?
2988 次点击
所在节点    问与答
6 条回复
dong3580
2014-11-08 19:43:01 +08:00
正巧前端时间被这玩意折磨的,
这样呢?

<iframe id="id1" width="100%" height="100%" frameborder="0" scrolling="NO">
</iframe>
Moker
2014-11-08 19:46:10 +08:00
@dong3580 这样设置的话 就不是固定宽度了吧~~~
dong3580
2014-11-08 19:54:58 +08:00
给你写个高度出现这种情况的办法,宽度以此类推:

被嵌套页面加上
$('#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
2014-11-08 22:24:31 +08:00
@dong3580 明天去试下
kmvan
2014-11-08 22:34:35 +08:00
FF 没看到横向滚动条
Moker
2014-11-09 00:08:46 +08:00
@kmvan 我测试过 有滚动条的。。你是14寸的显示屏么。。如果是的话你缩小看就有了,那是因为高度问题把滚动条给顶出画面外了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/144991

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX