要设置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'
});