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

layer.open iframe 如何自适应高度?

(元素模板) / 2024-01-16 10:04
在layer open才有iframe模式 使用 自适应方法 ,其他的使用area: '300px' 可以直接自适应,但iframe就不行,这是因为加载的链接的高度无法直接获取,导致高度不能自适应,可以采用下面的方法
layui.layer.open({
    type: 2,
    title:'元素模板',
    area: '300px',
    shade:0.5,
    content:'www.ys720.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