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

时间:2023-12-23 09:18:50

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