欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

layer open iframe在手机端 如何自适应弹窗高度

(元素模板) / 2022-11-10 14:42

layer open  iframe在手机端 如何自适应弹窗高度
网上很多方法都是错误,测试无效,下面说个测试有效果的,直接看代码即可
 

layui.layer.open({

    type: 2,

    title:'百度页面',

    area: '300px',

    shade:0.5,

    content:'www.baidu.com',

    success: function(layero, index) {

    //找到当前弹出层的iframe元素

        var iframe = layui.$(layero).find('iframe');

        //设定iframe的高度为当前iframe内body的高度

        iframe.css('height', iframe[0].contentDocument.body.offsetHeight);

        //重新调整弹出层的位置,保证弹出层在当前屏幕的中间位置

        $(layero).css('top', (window.innerHeight - iframe[0].offsetHeight) / 2);    

    }

});

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com