`

去掉iframe横向滚动条_iframe滚动条

htmlcssiframejs 
阅读更多

主页面加IFRAME SCROLLING="YES"

子页面
'让竖条消失:
<BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'>
</BODY>
'让横条消失:
<BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'>
</BODY>

'还要去掉
'子页面里的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
'两个都去掉

 


iframe自动适应页面大小JS函数

//Iframe自适应高度/宽度　
function dynIframeAutoSize(iFrameName,autoType)
{
debugger
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1];
//extra height in px to add to iframe in FireFox 1.0+ browsers
//高度
var FFextraHeight=getFFVersion>=0.1? 16 : 0 ;
//宽度
var FFextraWidth=getFFVersion>=0.1? 16 : 0 ;
var objElement = null;
if (document.getElementById)
objElement = document.getElementById(iFrameName);
else
eval('pTar = ' + iFrameName + ';');
if (objElement && !window.opera)
{
//begin resizing iframe
objElement.style.display="block";
switch(autoType)
{
case "height":
//高度
if (objElement.contentDocument && objElement.contentDocument.body.offsetHeight)
//ns6 syntax
objElement.height = objElement.contentDocument.body.offsetHeight+FFextraHeight;
else if (objElement.Document && objElement.Document.body.scrollHeight)
//ie5+ syntax
objElement.height = objElement.Document.body.scrollHeight;
break;
case "width":
//宽度
if (objElement.contentDocument && objElement.contentDocument.body.offsetWidth)
//ns6 syntax
objElement.width = objElement.contentDocument.body.offsetWidth+FFextraWidth;
else if (objElement.Document && objElement.Document.body.scrollWidth)
//ie5+ syntax
objElement.width = objElement.Document.body.scrollWidth;
break;
default:
//适应大小（高和宽）　
//高度
if (objElement.contentDocument && objElement.contentDocument.body.offsetHeight)
//ns6 syntax
objElement.height = objElement.contentDocument.body.offsetHeight+FFextraHeight;
else if (objElement.Document && objElement.Document.body.scrollHeight)
//ie5+ syntax
objElement.height = objElement.Document.body.scrollHeight;
//宽度
if (objElement.contentDocument && objElement.contentDocument.body.offsetWidth)
//ns6 syntax
objElement.width = objElement.contentDocument.body.offsetWidth+FFextraWidth;
else if (objElement.Document && objElement.Document.body.scrollWidth)
//ie5+ syntax
objElement.width = objElement.Document.body.scrollWidth;
break;
}
}
}

 

 

方法一:在父页面中

<div id="div1"><iframe name=... src=http://www.cnblogs.com/... style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 100%" frameborder="0" scrolling="no"></iframe></div>

iframe中页面:

function window.onload()
{
var div = window.parent.document.getElementById('div1');
div.style.height=document.body.scrollHeight+20;
}
方法二:

<script type="text/javascript">
//** iframe自动适应页面 **//

//输入你希望根据页面高度自动调整高度的iframe的名称的列表
//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以只有一个窗体，则不用逗号。

//定义iframe的ID
var iframeids=["test"]

//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏，no表示不隐藏
var iframehide="yes"

function dyniframesize()
{
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++)
{
if (document.getElementById)
{
//自动调整iframe高度
dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
if (dyniframe[i] && !window.opera)
{
dyniframe[i].style.display="block"
if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape
dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用户的浏览器是IE
dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
}
}
//根据设定的参数来处理不支持iframe的浏览器的显示问题
if ((document.all || document.getElementById) && iframehide=="no")
{
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}

if (window.addEventListener)
window.addEventListener("load", dyniframesize, false)
else if (window.attachEvent)
window.attachEvent("onload", dyniframesize)
else
window.onload=dyniframesize
</script>


使用的时候只要贴在<head></head>里面就可以了

分享到：
| 登录、注册的用户名去空格
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript中关于iframe滚动条的去除和保留

    下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的实现方法。一起看看吧！ iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下...

    在iframe中隐藏横向滚动条的方法大全

    在iframe中隐藏横向滚动条的方法大全

    IOS上iframe的滚动条失效的解决办法

    iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）下面的内容不再显示。  问题重现： 结构：  index.html : &lt;style&gt;　 #iframe{height:500px;} &lt;/style&gt; ...

    iframe在IE6下出现横向滚动条的解决方案

    最近的项目中，遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。

    layer弹出层 iframe层去掉滚动条的实例代码

    如下所示： function newcont(url) { var index = layer.open({ ...以上这篇layer弹出层 iframe层去掉滚动条的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。

    vue.js-div滚动条隐藏但有滚动效果的实现方法

    下面小编就为大家分享一篇vue.js-div滚动条隐藏但有滚动效果的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

    《程序天下：JavaScript实例自学手册》光盘源码

    17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码（二） 18.3 在线测试代码（三） 18.4 多选考试题 18.5 ...

    程序天下:JavaScript实例自学手册

    17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码（二） 18.3 在线测试代码（三） 18.4 多选考试题 18.5 ...

    非常好的js代码

    控制横向和纵向滚动条的显隐？&lt;body style=”overflow-y:hidden”&gt; 去掉x轴&lt;body style=”overflow-x:hidden”&gt; 去掉y轴&lt;body scroll=”no”&gt;不显 表格变色”style=”CURSOR:&gt; 禁止复制，鼠标...

    C#开发经验技巧宝典

    0434　如何使Pannel实现横向滚动纵向自动扩展　238 0435　属性MaintainScrollPositionOnPostBack实现网页定位　238 0436　自动隐藏式菜单　238 0437　关闭弹出窗口刷新父窗口　239 0438　弹出网页模式对话框　240 ...

    C#编程经验技巧宝典

    85 &lt;br&gt;0131　巧截字符串的数字　86 &lt;br&gt;0132　如何存储变长字符串　86 &lt;br&gt;0133　在进行字符串比较时忽略大小写　87 &lt;br&gt;0134　如何去除字符串尾空格　87 &lt;br&gt;0135　如何去掉字符串中所有空格　...

    HTML开发王

    11.2.4 滚动条设置 11.2.5 改变框架窗口大小 11.2.6 框架的描述(title属性、longdesc属性) 11.3 使用目标框架(name属性和target属性) 11.3.1 设置链接默认的目标 11.3.2 目标的优先级 11.3.3 名称和框架标识 11.4 ...

    html入门到放弃笔记

    作用：在页面中表现为一条直线 语法： 属性： 1、size 尺寸，以 px 为单位的数值 2、width 宽度，以 px 或 % 为单位的数值 3、align 水平对其方式 4、color 颜色 Demo ： 02-text.html 中 增加一根...

Magicbox
Global site tag (gtag.js) - Google Analytics