社区
分析与设计
帖子详情
怎样用Ifream怎样设置可以实现没有滚动条就可以看到全部的内容
ruanzheng_dotnet
2009-04-08 09:43:44
就是我设置有滚动条就可以看到全部的内容,但是有2个滚动条,不怎么好看,但是我如果不设置滚动条,就看不到全部的内容,所以现在请教各位大虾,可不可以帮帮忙?
...全文
257
2
打赏
收藏
怎样用Ifream怎样设置可以实现没有滚动条就可以看到全部的内容
就是我设置有滚动条就可以看到全部的内容,但是有2个滚动条,不怎么好看,但是我如果不设置滚动条,就看不到全部的内容,所以现在请教各位大虾,可不可以帮帮忙?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
itliyi
2009-04-11
打赏
举报
回复
框架根据页面大小自动调整
<iframe id="myframe" src="#" frameborder=0 width="100%" height="500px" scrolling=no onload="SetWinHeight(this)" style="border-bottom:0px; border=0px"></iframe>
function SetWinHeight(obj)
{
var win=obj;
if (document.getElementById)
{
if (win && !window.opera)
{
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}
sxdinfo
2009-04-08
打赏
举报
回复
有两种方法:一是在包含iframe的页面中加入下面的代码,然后在iframe的onload事件中使用这个函数。不过,在实际使用中,如果iframe中的页面还包含iframe的话,就没有作用了,那就可以使用第二种方法。这种方法的好处是,只需要在iframe的页面中使用一次即可,减少工作量。
<script language="JavaScript">
//** iframe自动适应页面 **//
//输入你希望根据页面高度自动调整高度的iframe的名称的列表
//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。
//定义iframe的ID
var iframeids=["content"]
//如果用户的浏览器不支持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>
方法二:在页面中加入如下代码,就能保证iframe能完全显示页面了,但是缺点是必须每个页面都加上这段代码。
<script language="javascript" type="text/javascript">
function resize(){
resizePx(document.body.scrollHeight);
}
function resizePx(pxValue){
var pageHeight = pxValue>453?pxValue:453;
parent.document.getElementById('ifmain').style.height = pageHeight+"px";
}
window.onload=resize;
window.onresize = resize;
</script>
去掉ifream
滚动条
前几天做项目,客户说ifream有
滚动条
不美观,让我把
滚动条
去掉。我当时有点懵,因为
滚动条
是我特意加上去的。因为原生的ifream不能根据子页面的高度自动
设置
其显示高度,如果
没有
滚动条
,当子页面的高度超出了ifream 的height,会导致子页面的一些数据无法显示。但是既然客户提出来去掉ifream的
滚动条
了,那就要想办法
实现
客户的需求,同时保证显示的正确性。
iframe关于
滚动条
的去除和保留
iframe嵌入页面后,我们有时需要调整
滚动条
,例如,去掉全部的
滚动条
,去掉右边的
滚动条
且保留底下的
滚动条
,去掉底下的
滚动条
且保留右边的
滚动条
。那么我们应该怎么做呢? 一:去掉全部的
滚动条
第一个方法: iframe 有一个scrolling属性,它有 auto , yes , no 这三个值。 scrol...
转载html-IFream
本文为转载,非原创 用于
设置
文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER
设置
边框是不否为3维(0=否,1=是) HEIGHT,WIDTH 设质边框的宽度和高度 S...
IFream用法
<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。我们举第一个例子,具体代码如:<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,这里的URL可以是相对路径,也可以是绝对路径,width表示宽度...
ifream子页面高度问题
/*监测ifream高度*/ (function ($, window, undefined) { var elems = $([]), jq_resize = $.resize = $.extend($.resize, {}), timeout_id, str_setTimeout = 'setTimeout', str_resize = 'resize', str_data = str_resize +
分析与设计
13,189
社区成员
5,759
社区内容
发帖
与我相关
我的任务
分析与设计
.NET技术 分析与设计
复制链接
扫一扫
分享
社区描述
.NET技术 分析与设计
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章