• 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>
  • 相关阅读:
    Mac使用Homebrew进行软件包管理
    RNN模拟二进制加法
    虚拟机安装ubuntu18.04
    github合并分支到master
    Python配置虚拟环境
    Python的进程、线程、协程
    原码,反码,补码
    MySQL中的截位函数:RIGHT与LEFT
    MySQL查询和删除重复记录
    Mysql中的数据类型
  • 原文地址:https://www.cnblogs.com/Nstd/p/3443601.html
Copyright © 2020-2023  润新知