为什么隐藏iframe的滚动条宽度100%会出现滚动条

除了iframe滚动条
&来源:读书人网&【读书人网():综合教育门户网站】
去掉iframe滚动条郁闷至极,弄了一个extjs 的tab在做多页显示的时候 需要把iframe嵌套进去,但是嵌套进去了
去掉iframe滚动条
郁闷至极,弄了一个extjs 的tab在做多页显示的时候 需要把iframe嵌套进去,但是嵌套进去了以后发现上下和水平的边框极度崩溃?网上解决方案不少,但是没有一个管用的,现在网友转帖也真是无耻,起码要用一下看看能不能行在发表废话不说上代码? &iframe name="leftframe" marginwidth=1 marginheight=1 src="leftmenu.asp" frameborder=no width="100%" scrolling="no" height=100%&&/iframe&? ??iFrame只要竖滚动条,不要横滚动条 - 八度空间 - 博客园
随笔 - 138, 文章 - 0, 评论 - 28, 引用 - 0
插入iFrame的代码如下
&iframe width="100%" height="100%" id="ghrzFrame" frameborder="0" scrolling="auto" name="ghrzFrame" src="iframe.html"&&/iframe&
滚动条设了自动auto,当页面内容多时,会自动出现滚动条;
预想效果是出现了,但是不仅出了右侧的竖滚动条,下面左右滚动的横滚动也出现了,调整内容宽度,也一样;郁闷;虽然不影响大碍,但是觉得太不爽了。
看网上有人说,设置body的css样式;
&style type="text/css"&
overflow-x :
试过之后,发现不行,有的说是IE不支持,我看可能是我的页网是xhtml的问题吧,如果去掉了头部的DTD;就是
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
不过我不想这样;因为我所有的网页都是基于W3C标准的,我并不希望因为这个小功能而去改动代码规范;
又试了其它几个办法,也是不行;不管怎么设置,内容一多,就出现横滚动条;
通过测试,得到方法一:
想到设置body宽度的做法,在iFrame包含的页面内中写入,如下
width: 95%;
padding: 0
通过css来控制宽度,我没有设100%,默认是100%;而是设了95%;这样因为整体页面的宽度小于100%,所以就不再出现横滚动条了,而竖滚动条依然起作用;
后又经人介绍,得到方法二:
在iFrame的包含页面里加入
html { overflow-x: }
两种方法都可以搞定;如何使iframe自适应高度为100%,垂直滚动条在body部分?
查看完整版本: [--
如何使iframe自适应高度为100%,垂直滚动条在body部分?
网上找了许久,都是在windows onload时,iframe高度=浏览器高度 的代码。而我想请教大家,如何使iframe自适应高度为100%,垂直滚动条在body部分?(浏览器外面的那条)&body style=&scroll-x:scroll-y:&&&iframe frameborder=&0& id=&iframe& scrolling=&no& src=&& style=&width:960height:100%& height=&100%& width=&960&&&/iframe&另外如果在iframe的google搜索里输入关键字,提交的搜索后进行翻页,搜索结果页的iframe也需要根据搜索结果的字数,自适应高度,iframe始终没有垂直滚动条,而垂直滚动条总是位于BODY部分。 谢谢。(BTW:在不刷新主页,iframe页面根据不同的索结果的字数自适应高度,是不是只有jquery才能做到?)
没有明白 不够 如果你感觉你的问题网上没有答案的话 可能你的方向错了
看下这个方法可以不
&& 兼容火狐和IE我测试了,你可以试下&iframe src=&index_main.php& name=&main& id=&main& onload=&Javascript:SetCwinHeight()& frameborder=&0&&&width=&100%& height=&100%& &&/iframe&&script type=&text/javascript&& function madeCwin(obj){&&&& if (document.getElementById){&&&&&&&&&& if (obj && !window.opera){&&&&&&&&&&&&&&&&&&&&if (obj.contentDocument && obj.contentDocument.body.offsetHeight){&&&&&&&&&&&&&&&&&&&& obj.height = obj.contentDocument.body.offsetH&&&&&&&&&&&&&&&&&&&&}else if(obj.Document && obj.Document.body.scrollHeight){&&&&&&&&&&&&&&&&&&&& obj.height = obj.Document.body.scrollH&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&& }&&&&&&} }
function SetCwinHeight(){&&&&&&var iframeid=document.getElementById(&main&); //iframe id&&&&&&var left_menu = document.getElementById(&left_menu&) ;&&&&&&madeCwin(iframeid) ;&&&&&&madeCwin(left_menu); }&/script&
@wx, 谢谢。测试了,IE和OPERA可以。但是FIREFOX(4.01)和CHROME不行,IFRAME高度还是等于浏览器的高度。
这个问题算了,IFRAME和IE6一样,是上个世纪的剩余产物。结贴。
查看完整版本: [--
Gzip disabled使用iframe之后,如何控制嵌套的页面的宽度和高度?
a.aspx页面的html部分代码:
&iframe id=&Iframe1& name=&Iframe1& src=&b.aspx& frameBorder=&0& width=&100%& height=&100%& scrolling=&no&&&/iframe&b.aspx的html代码:&FRAMESET id=&Home& border=&0& frameSpacing=&0& frameBorder=&0& cols=&160,2,*&&
&FRAME name=&Left& id=&Left& src=&Left.aspx& scrolling=no noResize
&FRAME name=&toogle& marginWidth=&0& marginHeight=&0& src=&shuxian.htm& scrolling=&no& noResize&
&FRAME name='Right' src=&Right.aspx& scrolling=&no& noResize &
&/FRAMESET&现在的问题是:
请问如何去掉b页面的滚动条,运行a页面的时候通过浏览器的滚动条实现控制iframe的滚动?
&FRAME name='Right' id=&Right& src=&Right.aspx& scrolling=&no& noResize &
Right.aspx里:
&body onload=&setHeight()&&
&script type=&text/javascript&&
function setHeight()
if(window.document.documentElement)
h = window.document.documentElement.scrollH
h = window.document.body.scrollH
window.parent.document.getElementById(&Right&).style.height=h+ &px&;
已标记为答案
你可以在 iframe 外放一个 div, div 启用滚动, iframe 使用绝对高度,不过我觉得你目前的方式就很好呀
知识改变命运,奋斗成就人生!
我目前的方法有个问题,就是当Right.aspx页面的高度会有变化,当它的高度和宽度大于iframe的高度和宽度的时候,就会出现滚动条,而a.aspx页面也有可能会出现滚动条,这个时候就会有多个滚动条了,看起来不美观。我想控制iframe里的Right.aspx页不出现滚动条,通过a页面的滚动条实现控制iframe的滚动,也就可以正常浏览Right页面的内容了。请问一下,怎么解决这个问题,网上有很多这方面的资料,试过很多了,都不行。
&FRAME name='Right' id=&Right& src=&Right.aspx& scrolling=&no& noResize &
Right.aspx里:
&body onload=&setHeight()&&
&script type=&text/javascript&&
function setHeight()
if(window.document.documentElement)
h = window.document.documentElement.scrollH
h = window.document.body.scrollH
window.parent.document.getElementById(&Right&).style.height=h+ &px&;
已标记为答案
还是不管用啊,改过几次了,在网上找的不少资料也都不管用,请问是不是还有别的什么地方要改的啊?
你的滚动条不是a页面的吧,应该是FRAMESET里面这些页面的
哦,明白了,太谢谢了
Microsoft 正在进行一项网上调查,以了解您对 Msdn 网站的意见。如果您选择参加,我们将会在您离开 Msdn 网站时向您显示该网上调查。是否要参加?
<input type="hidden" id="hdnTrackerText" value="请不要关闭此窗口。谢谢!完成访问时,调查将显示在此处,所以请不要关闭此窗口。" />
其他 Office 网站查看: 3080|回复: 8
注册时间最后登录阅读权限10积分60精华0帖子
注册会员, 积分 60, 距离下一级还需 140 积分
在IE7以上不会出现;
同样的IE6,1024以上分辨率,测试过也没有流动条。
类似例子:
把屏幕分辨率改成1024;
点击 菜单 layouts & panel ;
在IE7以上是没有水平滚动条的,但IE6有
现在的解决方式是在 iframe 里的页里写样式 body{width:90%}
但这种方式不好
注册时间最后登录阅读权限200积分7289精华0帖子
这个滚动条是iframe页面的样式导致的,与miniui没有什么关系。
可根据具体页面情况处理,不需要特意设置body的width。
注册时间最后登录阅读权限10积分60精华0帖子
注册会员, 积分 60, 距离下一级还需 140 积分
niko 发表于
这个滚动条是iframe页面的样式导致的,与miniui没有什么关系。
可根据具体页面情况处理,不需要特意设置bod ...
但是 iframe 页面没有设置其他样式,这是一个浏览器兼容问题,你用1024分辨率下的IE6看下那个例子,再在同样的分辨率下用IE6以上版本看下
注册时间最后登录阅读权限200积分7289精华0帖子
滚动条是在子iframe页面内出现的把?
你说的那个页面,只是几个HTML,都没有用到miniui。
你用自己的页面试试。
注册时间最后登录阅读权限10积分60精华0帖子
注册会员, 积分 60, 距离下一级还需 140 积分
本帖最后由 zinda 于
19:01 编辑
水平滚动条是iframe的,iframe里页是100%宽度。
iframe里的页如果插入一个100%宽的 grid,在1024分辨率IE6里,也会出现水平滚动条
和miniui没有关系,但miniui能处理这个兼容问题更好,IE6不能忽视
我指的是水平滚动条。
同样的页面在ie7/8/9 没有水平滚动条的
注册时间最后登录阅读权限200积分7289精华0帖子
你看下这个例子,子页面撑满grid,没有滚动条问题:
注册时间最后登录阅读权限10积分60精华0帖子
注册会员, 积分 60, 距离下一级还需 140 积分
niko 发表于
你看下这个例子,子页面撑满grid,没有滚动条问题:
/demo/#src=fit/fit.html ...
呵呵,你在IE6下看看,、1024,我用IE6打开都有水平条
注册时间最后登录阅读权限10积分60精华0帖子
注册会员, 积分 60, 距离下一级还需 140 积分
bubad 发表于
这跟艺术一样,觉得跳水这种项目放在奥运会里面来有点可惜。非要用打分的方式分出甲乙丙丁来,总是觉得有点 ...
这是参与我与niko的讨论吗?看不懂你的话,太深奥了
注册时间最后登录阅读权限200积分7289精华0帖子
经测试,fit布局在2.0.9.7更新时发生了BUG。
已经修复,请重新下载。
另外,请继续用IE6测试:
Powered by

我要回帖

更多关于 iframe滚动条隐藏 的文章

 

随机推荐