zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    SQL注入(转载)
    htmlTable To jpeg
    oracle 中文乱码 全变成 '靠'
    oracle 跨库查询
    oracle 备份还原数据库
    jquery 非异步读取数据
    oracle 游标 简单使用
    自增列的一种方法收藏
    oracle 导出txt 数据,excel 数据
    oracle 简单job
  • 原文地址:https://www.cnblogs.com/Nstd/p/3443601.html
Copyright © 2011-2022 走看看