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

最新推荐文章于 2023-03-20 16:06:24 发布

iteye_11613

最新推荐文章于 2023-03-20 16:06:24 发布

阅读量471

点赞数

分类专栏： JS CSS HTML web前端文章标签： html css iframe js ViewUI

本文链接：https://blog.csdn.net/iteye_11613/article/details/82470954

版权

JS 同时被 3 个专栏收录

49 篇文章 0 订阅

订阅专栏

HTML

25 篇文章 0 订阅

订阅专栏

CSS

20 篇文章 0 订阅

订阅专栏

主页面加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;
}
}
}

方法一:在父页面中

iframe中页面:

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

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

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

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

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

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