社区
分析与设计
帖子详情
怎样用Ifream怎样设置可以实现没有滚动条就可以看到全部的内容
ruanzheng_dotnet
2009-04-08 09:43:44
就是我设置有滚动条就可以看到全部的内容,但是有2个滚动条,不怎么好看,但是我如果不设置滚动条,就看不到全部的内容,所以现在请教各位大虾,可不可以帮帮忙?
...全文
228
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自动获取高度
`scrollHeight`属性返回元素及其子元素的总高度,包括任何内边距、
滚动条
、边框和填充,但不包括外边距。 2. **
设置
高度**: - 如果`scrollHeight`大于5,则将iframe的高度
设置
为`scrollHeight + 10`。 - 否则,将...
用DIV仿iframe框架布局效果
`,这样当
内容
超出该区域时,会出现垂直
滚动条
,但不会影响整个页面的滚动。 2. **JavaScript动态加载**: - 使用JavaScript获取并
设置
内容
区域的HTML
内容
。这可以通过AJAX请求
实现
,向服务器请求数据,然后将返回...
Iframe框架高度自适应的
实现
.doc
Iframe框架高度自适应是一个重要的需求,特别是在
内容
动态更新或者跨域通信时,确保用户无需滚动两个独立的
滚动条
来查看全部
内容
。本篇文章将详细解释如何
实现
Iframe框架高度自适应,并分析给定代码的工作原理。 ...
iframe根据页面
内容
自适应高度和宽度
然而,由于`iframe`的大小固定,当嵌入的页面
内容
高度或宽度超过`iframe`设定的尺寸时,可能会出现
滚动条
或者
内容
被截断的情况。为了解决这个问题,我们需要让`iframe`根据其
内容
自动调整高度和宽度。本篇文章将详细...
Vue组件中
实现
嵌套页面(iframe)功能
此例中,src 指定页面路径,width 和 height 定义尺寸,frameborder="0" 去边框,scrolling="auto" 控制
滚动条
,style
设置
位置。 但实际使用 iframe 会遇到问题。比如浏览器回退功能问题,用户在 iframe 内操作后回...
分析与设计
13,189
社区成员
5,759
社区内容
发帖
与我相关
我的任务
分析与设计
.NET技术 分析与设计
复制链接
扫一扫
分享
社区描述
.NET技术 分析与设计
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章