zoukankan      html  css  js  c++  java
  • 那些年iframe的坑(一)

    最近在做自己公司平台的项目,架子后台都已经帮忙搭起来了,用的是adminlte后台模板,发现真的是好多bug,主要是嵌套了iframe,说实话非常讨厌iframe这个东西。

    然后发现主页竟然忘记加上去了,直接在遍历侧边菜单前加上了 $('.iframe_main').attr('src', '/Admin/Home/Dashboard');这个一句,主要是右侧全部都是iframe嵌套的,

    设置的iframe高度是自适应的,奈何这个右侧的主页不是通过遍历出来的所以高度会有问题,

    上页面效果图:

    当时iframe的高度为100%,发现写出来的内容全被遮盖住了,开始排除bug,发现是高度问题,想着给加个height就能解决了的。没想到等我调试的出现了问题。高度还是不能适应啊,没办法,还得接着改。

    网上也百度了不少例子,发现都没有多大的用。还是的动态的获取改变iframe的高度,就写了一个js

    不多说直接上代码:

    $('.iframe_main').load(function () {
    var a = $('.iframe_main').contents().find('.content-header').innerHeight();
    var b = $('.iframe_main').contents().find('.content').innerHeight();
    $('.iframe_main').css('height', a + b);
    console.log(a,b);

    })

    最后直接将获得的高直接赋值给iframe。改了之后给后台看,说还是有双滚动条,啊,啊,啊,截图

    这种情况的滚动条直接上图啦:

    又得解决这个bug,我的第一反应是通常我们不是应该保留外面的滚动条吗?现在跟我说不要外面的滚动条要里面的就可以了。我懵逼了。

    改bug了,得好好思考怎么解决这个bug。加油

  • 相关阅读:
    P1352 没有上司的舞会(树形DP入门,自底向上更新)
    链表和函数指针
    c语言中文件操作
    数据结构中的栈和堆与计算机内存划分的栈区和堆区的区别
    计算机组成原理—cpu
    Linux中一切皆文件
    G 火山哥周游世界(树上走过确切k个点的最短时间,树形dp)
    Paint Box(涂色要求相邻不能同色,求方案数,容斥)
    失衡天平
    hdu6761lyndon分解
  • 原文地址:https://www.cnblogs.com/zylily/p/9178004.html
Copyright © 2011-2022 走看看