layer弹出层设置相对父级元素定位

Posted 2020-10-28 会飞的小蜜蜂

layer弹出层默认是相对body固定定位的，可是项目中一般需要相对某个盒子相对定位，下面是个加载弹层例子： 

var loadIndex = layer.open({
            type: 3,   //3 表示加载
            fixed: false,    //取消固定定位，因为固定定位是相对body的
            offset: [‘60px‘, ‘132px‘],   //相对定位
            time: 5000,   //定时关闭弹层
            icon: 2,   //加载的icon类型
            shade: ‘background-color: rgba(0,0,0,.5)‘,
            shadeClose: false,
            success: function(layero,index){
                $newsHot.css("position","relative").append(layero);    //如果该父级原来没有设置相对定位，那么在追加该弹层之前需要设置
            }
        });

这样就实现相对父级元素定位啦，上面仅展示实现代码，详细的参考官方文档哦 ：）

http://www.layui.com/doc/modules/layer.html   layer弹层组件开发文档