layer弹出层的位置设置

1、给弹出层id及信息，方便获取其宽度和高度

var index = layer.msg(data.info,{id:’reg-id’});

2、根据具体情况计算出弹出层的top和left，用offset设置其位置

layer.msg(index,{content:data.info,offset:[ppt,ppl]});

例子，设置layer弹出层在弹出层（id为pop-reg）的中间（水平垂直居中）位置

var offset = $(‘#pop-reg’).offset();
var pt = offset.top;//获取弹出层的top
var pl = offset.left;//获取弹出层的left
var ph = $(‘#pop-reg’).height();//获取弹出层的高度
var pw = $(‘#pop-reg’).width();//获取弹出层的宽度
var index = layer.msg(data.info,{id:’reg-id’});//给layer弹出层定义id
var pph = Number($(‘#reg-id’).height()) + 24;//layer弹出层的高度，layer默认的padding-top:12px;padding-bottom:12px;所以此处加上24
var ppw = Number($(‘#reg-id’).width()) + 50;//layer弹出层的宽度，layer默认的padding-left:25px;padding-right:25px;所以此处加上50
var ppt = (pt + ph/2 – pph/2) + ‘px’;
var ppl = (pl + pw/2 – ppw/2) + ‘px’;
layer.msg(index,{content:data.info,offset:[ppt,ppl]});

今天的文章layer弹出层的位置设置分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。