一、需求描述
如下图,要求在移动端页面的弹窗位置在上方显示。
二、需求实现
打开移动端layer的文档页面 http://layer.layui.com/mobile/api.html
搜索位置,得到控制移动端layer的两个参数fixed和top,在layer.open中fiexed设置为false,top设置数值即可。
三、代码实现:
layer.open({
type:1,content:"在上方显示",
area: ['434px', '200px'],
title: "提示",
btnAlign: 'c',//对齐方式 r l c
btn:["保存","取消"],
fixed:false,
top:10,
yes:function(index,layero){
layer.close(index);//为关闭
},
btn2:function(index,layero){
layer.close(index);//为关闭
},
});
效果:
四、扩展 layer在pc端 自定义位置
offset参数