让iframe高度伸缩自如没有滚动条

实现让iframe高度伸缩自如没有滚动条（随子页面的高度调整）

html部分

<iframe id="indexFrame" name="win" width="1000" height="100%" οnlοad='dyniframesize("indexFrame")'

src="<%=request.getContextPath()%>/student/studentUpdateTongJi!studentInfoTongJi.action"

frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="margin-bottom:0px;display: block;"></iframe>

js部分

//让iframe高度伸缩自如没有滚动条
function dyniframesize(down) { var pTar = null; if (document.getElementById){ pTar = document.getElementById(down); } else{ eval('pTar = ' + down + ';'); } if (pTar && !window.opera){ //begin resizing iframe pTar.style.display="block" if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){ //ns6 syntax pTar.height = pTar.contentDocument.body.offsetHeight +20; pTar.width = pTar.contentDocument.body.scrollWidth+20; } else if (pTar.Document && pTar.Document.body.scrollHeight){ //ie5+ syntax pTar.height = pTar.Document.body.scrollHeight; pTar.width = pTar.Document.body.scrollWidth; } } }

让iframe高度伸缩自如没有滚动条相关推荐

iframe 高度100%时，出现垂直滚动条
问题需求是这样的,iframe在一个div中,并且iframe高度与div一样,所以设置了iframe高度是100%,结果div出现了滚动条,在排除了padding.margin的因素外,还是有滚动 ...
【vue中实现iframe 自适应高度和去除滚动条】
项目场景: vue中实现iframe 自适应高度和去除滚动条解决方案: html <iframe:src="tempSrc"width="100%":h ...
angular中跨域设置iframe自适应高度，去滚动条。
A页面的html中有<iframe #frame class="frame" [src]="srcUrl" width="100%" ...
如何设置iframe高度自适应，在跨域的情况下能做到吗？
2019独角兽企业重金招聘Python工程师标准>>> 在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法.在父页面中给定一个不带滚动条的iframe,然后对属性s ...
Iframe 高度自适应
实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象. (需要只有iframe出现滚动条) function iframeAutoFit(if ...
Iframe高度自适应（兼容IE/Firefox、同域/跨域）
在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固 ...
Iframe高度自适应（兼容IEFirefox、同域跨域）
在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固 ...
CSS完美实现iframe高度自适应（支持跨域）
https://blog.csdn.net/qq_32915337/article/details/79900222 Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用 ...
iframe高度自适应，终于解决了
一直被iframe的高度自适应的问题困扰着,在项目中也是多次遇到.网上也有不少相关的代码,但是总不能满足自己的要求.在头痛了几次之后终于下定决心解决这个问题. 本代码主要解决的问题是:最外层滚动条随着 ...

让iframe高度伸缩自如没有滚动条

让iframe高度伸缩自如没有滚动条相关推荐

最新文章

热门文章