zoukankan      html  css  js  c++  java
  • 关于使用iframe标签自适应高度的使用

    在ifrome内设定最小高度,(此方法只适用于页面内切换高度不一。但是会保留最大高度,返回后保持最大高度不再回到最初页面的高度)

    1 <iframe  id="one4" width="100%"  height="1600px" src="merchant information.html" style="border:1px solid #f4f4f4;" scrolling="no" ></iframe>

    将边框颜色设定为和背景颜色一致,使其更像原生页面;

    scrolling取消滚动条

     1 function reinitIframe(){
     2 var iframe = document.getElementById("one1");
     3 try{
     4 var bHeight = iframe.contentWindow.document.body.scrollHeight;
     5 var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
     6 var height = Math.max(bHeight, dHeight);
     7 iframe.height =  height;
     8 }catch (ex){}
     9 }
    10 window.setInterval("reinitIframe()", 200);

    改变id和前后function内的命名,可以实现自适应高度变化。

  • 相关阅读:
    Xpath提取一个标签里的所有文本
    Mac Sublime Text 3
    激活pycharm
    Mac 终端命令大全
    操作dict时避免出现KeyError的几种方法
    JQ 选择器大全
    调用百度编辑器
    模拟 Ajax 上传
    图片上传
    PHP 字符串去掉空格
  • 原文地址:https://www.cnblogs.com/NB-JDzhou/p/5335812.html
Copyright © 2011-2022 走看看