layer组件layer.open弹出位置无法正常居中 50
用的是layer2.0的,用了布局其他的一些小的弹出层位置居中总是以里面的那部分居中,layer.open({type:1,area:'auto',scrollbar:f...
用的是layer 2.0的,用了布局其他的一些小的弹出层位置居中总是以里面的那部分居中,
layer.open({
type: 1,
area: 'auto',
scrollbar: false,
title: "卡券添加",
closeBtn: false,
shadeClose: true,
skin: 'layui-layer-demo',
content: content
});
content就是里面那些文本框的html代码,弹出位置会变成这样,拖动的话宽度是无限的总是贴着右边,怎么破,求助大神 展开
layer.open({
type: 1,
area: 'auto',
scrollbar: false,
title: "卡券添加",
closeBtn: false,
shadeClose: true,
skin: 'layui-layer-demo',
content: content
});
content就是里面那些文本框的html代码,弹出位置会变成这样,拖动的话宽度是无限的总是贴着右边,怎么破,求助大神 展开
展开全部
我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中。这是组件不完美的地方,他设置了top和left值,而且是固定的。这种弹出层都是绝对定位的 所以没办法用margin:auto 0神马的居中。解决方案主要两种:
1.修改在浏览器里面调试模式,调一下top和left看怎么合适,修改lay.css代码;
2.自己写个弹出层,其实超简单,弹出层原理就是搞一层遮罩(一个div,放在body下,高宽都100%,层级顺序设置高于其它层(除弹出内容层以外),加个滤镜效果让他半透明)和弹出内容层(层级顺序设置为最高)再加个关闭按钮。默认这三个容器隐藏(hide或display:none),点击时显示(show或display:block);
我是采用的第二种方式,实现简单自由,可以随便修改弹出框的样式和丰富的内容。比如:增加记录弹出表单之类。
1.修改在浏览器里面调试模式,调一下top和left看怎么合适,修改lay.css代码;
2.自己写个弹出层,其实超简单,弹出层原理就是搞一层遮罩(一个div,放在body下,高宽都100%,层级顺序设置高于其它层(除弹出内容层以外),加个滤镜效果让他半透明)和弹出内容层(层级顺序设置为最高)再加个关闭按钮。默认这三个容器隐藏(hide或display:none),点击时显示(show或display:block);
我是采用的第二种方式,实现简单自由,可以随便修改弹出框的样式和丰富的内容。比如:增加记录弹出表单之类。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询