关于layui弹窗中的offset偏移量设置

要设置layer弹出层的位置,可以使用layer的offset属性来进行调整。offset属性接受一个包含top和left属性的对象,用来设置弹出层的偏移量。但是有时候需要设置其他方向的偏移量,官网给出的是:

offset默认情况下不用设置。但如果你不想垂直水平居中,你还可以进行以下赋值:

备注
offset: 'auto'默认坐标,即垂直水平居中
offset: '100px'只定义top坐标,水平保持居中
offset: ['100px', '50px']同时定义top、left坐标
offset: 't'快捷设置顶部坐标
offset: 'r'快捷设置右边缘坐标
offset: 'b'快捷设置底部坐标
offset: 'l'快捷设置左边缘坐标
offset: 'lt'快捷设置左上角
offset: 'lb'快捷设置左下角
offset: 'rt'快捷设置右上角
offset: 'rb'快捷设置右下角

那比如说想要设置right,bottom的偏移量能不能设置?肯定能,使用以下方式可以达到完全自定义:

vettingIndex = layer.open({
    type: 1,
    title: false,
    move: '#dialog-confirm',
    closeBtn: 0,
    area: ['480px', '300px'],
    offset: ['auto', 'auto'],
    shade:0,
    content: $('#dialog-confirm'),
    btn: ['提交', '暂不处理'],
    btnAlign: 'r',
    yes: function (index, layero) {
    },
    btn2: function () {
        layer.closeAll();
    },
    success: function (layero, index) {
        var offsetRight = 20;
        var offsetBottom = 20;
        layero.css({
            right: offsetRight + 'px',
            bottom: offsetBottom + 'px'
        });
    }
});

主要就是 offset: ['auto', 'auto'], 与  

var offsetRight = 20;
var offsetBottom = 20;
layero.css({
      right: offsetRight + 'px',
      bottom: offsetBottom + 'px'
 });

  • 9
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值