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

最新推荐文章于 2025-11-22 09:49:59 发布

转载最新推荐文章于 2025-11-22 09:49:59 发布 · 8.2k 阅读

前端专栏收录该内容

28 篇文章

订阅专栏

本文介绍如何将Layer弹出层设置为相对于指定元素而非body进行定位。通过取消fixed属性并自定义offset值来实现这一目标。此外，还介绍了如何通过CSS修改弹层的位置属性。

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){
                layero.css("position","relative").append(layero);    //如果该父级原来没有设置相对定位，那么在追加该弹层之前需要设置
            }
        });

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

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