layer弹出层的位置设置
来源:互联网 发布:社交软件的用户数 编辑:程序博客网 时间:2024/05/16 10:41
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]});
- layer弹出层的位置设置
- 关于弹出层的layer
- 弹出层layer的使用
- 一个弹出层的效果插件 layer
- 非常好的web弹出层框架 -- layer
- 非常好的web弹出层框架 -- layer
- 牛逼的 弹出层 layer !!!
- layer弹出层的点击事件小结
- layer弹出层的使用(一)
- 弹出层layer的使用心得
- layer 获取弹出层的数据
- 页面弹出层组件layer的用法
- [Layer] layui的弹出层用法记录
- layer弹出层
- 页面弹出层 layer
- layer弹出层用法
- 弹出层插件layer
- layer 弹出iframe层
- PHP字符串截取
- 清空数据库表结构的几种方式
- 利用inotify+rsync实现linux文件批量更新
- 二丶集合,队列
- 网易2017春招笔试题(1)
- layer弹出层的位置设置
- Oracle数据库配置监听
- 服务器DELL R710配置安装centos经验之谈
- 神经网络学习(转载)
- swift项目中,OC和swift文件相互调用
- 线性代数3-线性空间
- js中变量类型和变量计算
- 接口测试知识
- applicationContext备忘录