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

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弹层组件开发文档

原文地址:https://www.cnblogs.com/stella1024/p/8662823.html