ifr a me,尤其是不带边框的ifr a me因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是ifr a me的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给ifr a me设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大家一种ifr a me动态调整高度的方法,主要是以下JS函数:
当你在页面上使用了ifr a me之后,一般来说会不希望ifr a me显示难看的滚动条,以使ifr a me里面的内容和主页面的内容浑然一体。这时候你会设置 scrolling=”no” 属性。但是这样一来如果ifr a me里面的内容是变化的,高度会随之内容的变化而变化的时候,你的ifr a me就会显得太长导致底下一大片空白,或者正好相反,由于ifr a me的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE/NS/Firefox的javascr ipt脚本实现动态调整ifr a m
当你在页面上使用了ifr a me之后,一般来说会不希望ifr a me显示难看的滚动条,以使ifr a me里面的内容和主页面的内容浑然一体。这时候你会设置 scrolling=”no” 属性。但是这样一来如果ifr a me里面的内容是变化的,高度会随之内容的变化而变化的时候,你的ifr a me就会显得太长导致底下一大片空白,或者正好相反,由于ifr a me的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE/NS/Firefox的javascr ipt脚本实现动态调整ifr a m
随之而来的就是在实际使用ifr a me中,会遇到ifr a me高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用 户操作带来不便。于是自动调整ifr a me的高度就成为本文的重点。 采用Javascr ipt来控制ifr a me元素的高度是ifr a me高度自适应的关键,同时由于Javascr ipt对不同域名下权限的控制,引 发出同域、跨域两种情况。 同域时ifr a me高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为“ifr a me
问题描述:
ifr a me设置了高度(例如500px)。倘若ifr a me的内容足够长超出了ifr a me设定的高度时,在ipad等设备上。ifr a me内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。
问题重现:
结构:
index.html :
#ifr a me{height:500px;}