frame子页面获取ajax数据的情况下,页面自适应窗口高度

思路:去掉父页面的纵向滚动条,改为显示frame子页面的的滚动条,frame窗口高度自适应浏览器窗口高度

PS:貌似这样一来,不仅ajax可用,其他情况下也可用了,只需修改父页面的内容,比较方便

 

父页面js:

#以下代码使iframe窗口的高度随浏览器窗口改变而改变

1 <script type="text/javascript">
2     $(document).ready(function(){
3         //初始化高度,mainScreenFrm为iframe的name
4         window.document.all.mainScreenFrm.height = $(window).height() - 父页面固定内容的高度;
5         $(window).resize(function(){
6             window.document.all.mainScreenFrm.height = $(window).height() - 父页面固定内容的高度;
7         });
8     });
9 </script>

 

父页面css:

#隐藏父页面的滚动条

1 <style type="text/css">
2     html { overflow: hidden; }
3 </style>

 

父页面iframe-html:

#设置scrolling="auto",使得frame子页面的滚动条自动出现

1 <iframe class="autoheight" id="mainScreenFrm" name="mainScreenFrm" width="100%" height="100%" src="mysrc" scrolling="auto" frameborder="0"></iframe>

 

 

posted @ 2013-11-26 16:36  Nstd  阅读(546)  评论(0编辑  收藏  举报