layer弹出层的位置设置

来源:互联网 发布:社交软件的用户数 编辑:程序博客网 时间:2024/05/16 10:41

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]});