zoukankan      html  css  js  c++  java
  • 移动端 iframe的使用

    对于iframe的设定有几个css属性常用 overflow:hidden;100%;当这样使用inframe内部中使用overflow,iframe会被撑开,导致width与overflow配合失效,例子(空了再写) 解决办法:iframe中的body设定与iframe同样的width(但不能100%必须是固定的px)

    iframe自适应高度,仅修改iframe代码,不用对其他页面进行修改

    var iframes = window.parent.parent.document.querySelectorAll("iframe");
        var this_href = window.location.href;
        for (var i = iframes.length - 1; i >= 0; i--) {
          if (iframes[i].src === this_href) {
            iframes[i].style.height = $(document.body).height() + 'px';
            iframes[i].style.width = iframe_width + 'px';
            iframes[i].style.border = '0';
          }
        }
    

    先检索出当前的iframe在父页面的元素出来,然后js操作他的css就可以了

  • 相关阅读:
    ajax
    异步加载js的方法
    node的特点,优缺点及应用场景
    ajax面试题
    jQuery实现手风琴效果
    jQuery简介
    原型
    string 对象属性和方法
    函数声明和函数表达式
    JavaScript 基本语法
  • 原文地址:https://www.cnblogs.com/Silababy/p/6051831.html
Copyright © 2011-2022 走看看