原文:如何让iframe框架和主页面共用一个滚动条(也称为:iframe高度自适应问题)

最近在前端页面遇到了一个问题,我在一个页面中利用iframe框架引入了一个页面进来,但是这个页面的高度是不叫高的,高出电脑屏幕很多, 所以就引发了iframe框架一个滚动条,然后主页面一个滚动条,这样页面就出现了两个滚动条。在网上查了好久,一直没有好的方法,直到我在 网上看到了iframe高度自适应,才解决了这个问题。 自适应的意思是,iframe框架的高度自动适应引入的HTML文件的内容高度,显 ...

2019-08-09 10:23 0 643 推荐指数:

查看详情

关于iframe页面高度自适应问题

iframe在实际开发中应该算是比较常见的,在一些情况下iframe高度是不确定,甚至是时时变化的 一般这种情况会有下面几种情况: 1、父页面iframe页面在同一个域下,这种情况最好解决。在iframe页面里通过window.parent即可定位到父页面的window对象 ...

Sat Apr 28 23:38:00 CST 2012 3 7832
总结iframe高度自适应自适应页面高度

在网上找了很多iframe高度自适应,发现很多兼容性都不是很好,于是自己总结了一下。 子页面html节点上要有下面红色部分,不然ie浏览器会无限递增 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...

Thu Mar 29 17:16:00 CST 2012 56 114583
页面嵌套iframe时,怎样让iframe高度根据自身内容高度自适应

总体思路是这样的,因为iframe页面的内容是动态加载的,而且电脑屏幕宽度发生变化时,也得相应的去改变iframe标签的高度(如果高度确定就不用这么麻烦了); 首先,我们在父页面中定义一个方法,用来改变iframe标签的高度;在iframe中的页面中,当内容加载号之后去调用父页面汇总的这个方法 ...

Wed Oct 16 19:49:00 CST 2019 0 985
iframe高度自适应

前两天在网上看到了一道面试题,问iframe高度自适应问题。发现自己之前几乎没有关注过iframe问题,所以在这里记录一下。 原题目是: 页面A的域名是:http://www.taobao.com,页面B的域名是http://www.tmall.com,如果A使用iframe引用页面B ...

Thu Dec 29 23:01:00 CST 2016 0 1518
iframe框架页中的高度自适应

【转载】框架页中的高度自适应:   在实际使用iframe的过程中,会遇到iframe高度问题。由于被嵌套的页面大小不固定而出现滚动条。采用JavaScript来控制iframe元素的高度,让iframe高度自适应。另外,由于JavaScript对不同域名下权限 ...

Fri May 06 21:25:00 CST 2016 0 5138
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM