插入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">
body {
overflow-x : hidden ;
}
</style>
试过之后,发现不行,有的说是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包含的页面内中写入,如下
body {
width: 95%;
margin: 0px;
padding: 0px;
}
通过css来控制宽度,我没有设100%,默认是100%;而是设了95%;这样因为整体页面的宽度小于100%,所以就不再出现横滚动条了,而竖滚动条依然起作用;
后又经人介绍,得到方法二:
在iFrame的包含页面里加入
<style>
html { overflow-x:hidden; }
</style>
两种方法都可以搞定;
转载地址:http://www.cnblogs.com/taizhouxiaoba/archive/2009/03/17/1414426.html
相关推荐
外部滚动条控制iframe外部滚动条控制iframe
主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
iframe的滚动条问题:显示隐藏滚动条.doc
iframe水平滚动条定位右侧及其样式的基本设置
完全搞定iframe(框架)里的滚动条!.doc
js脚本: 自动调节iframe高度,而不显示其滚动条
下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的实现方法。一起看看吧! iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下...
今天小编就为大家分享一篇layer弹出层 iframe层去掉滚动条的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
滚东条样式设置 不兼容火狐 可修改浏览器默认的滚动条 属用内核修改
在iframe中隐藏横向滚动条的方法大全
最近的项目中,遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码,大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。
Jquery 操作页面中iframe自动跟随窗口大小变化,而不出现滚动条,只在iframe内部出滚动条
iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。 问题重现: 结构: index.html : <style> #iframe{height:500px;} </style> ...
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
jbox停止更新后,高版本浏览器下有一些问题,调整了在新版本浏览器下,调用 iframe页面出现滚动条,以及弹出层下方未对齐等问题。不过,技术有限,改的不是很正规。只是用来应急,旧系统已经使用的情况下,可以试试...
主要介绍了iframe高度自适应及隐藏滚动条的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
问题:iframe 上下滚动条如何默认在下方,做的是聊天工具,数据多了,每次刷新出现的上下滚动默认在上方,还需下拉到下面才能看到聊天记录,有办法让它出现在下方吗? 答案:直接在iframe里写window.scrollTo(0,...