思路:去掉父页面的纵向滚动条,改为显示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>