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


  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值