码迷,mamicode.com
首页 > 其他好文 > 详细

layer弹出层设置相对父级元素定位

时间:2018-03-28 14:17:55      阅读:3524      评论:0      收藏:0      [点我收藏+]

标签:开发   col   bsp   sha   type   set   span   rgb   back   

layer弹出层默认是相对body固定定位的,可是项目中一般需要相对某个盒子相对定位,下面是个加载弹层例子: 

var loadIndex = layer.open({
            type: 3,   //3 表示加载
            fixed: false,    //取消固定定位,因为固定定位是相对body的
            offset: [‘60px‘, ‘132px‘],   //相对定位
            time: 5000,   //定时关闭弹层
            icon: 2,   //加载的icon类型
            shade: ‘background-color: rgba(0,0,0,.5)‘,
            shadeClose: false,
            success: function(layero,index){
                $newsHot.css("position","relative").append(layero);    //如果该父级原来没有设置相对定位,那么在追加该弹层之前需要设置
            }
        });

这样就实现相对父级元素定位啦,上面仅展示实现代码,详细的参考官方文档哦 :)

http://www.layui.com/doc/modules/layer.html   layer弹层组件开发文档

 

layer弹出层设置相对父级元素定位

标签:开发   col   bsp   sha   type   set   span   rgb   back   

原文地址:https://www.cnblogs.com/stella1024/p/8662823.html

(1)
(2)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!