美文网首页
layui在iframe内弹窗位置错误的解决方法

layui在iframe内弹窗位置错误的解决方法

作者: gurlan | 来源:发表于2023-03-23 15:56 被阅读0次
// 创建确认对话框,确认是否删除
layer.confirm('确定要删除吗?', {
    // 设置图标
    icon: 3,
    // 设置标题
    title: '确认',
    // 设置按钮文字和数量
    btn: ['确定', '取消'],
    // 隐藏关闭按钮
    closeBtn: 0,
    // 设置按钮对齐方式
    btnAlign: 'c',
    // 将对话框设为固定位置
    fixed: true,
    // 根据文档滚动元素的位置和宽度调整确定对话框的位置
    offset: [
        window.parent.document.scrollingElement.scrollTop + 
        window.parent.document.documentElement.clientHeight / 2 - 142 + 'px', // 设置垂直方向位置偏移量
        window.parent.document.documentElement.clientWidth / 2 - 420 + 'px' // 设置水平方向位置偏移量
    ]
}, function(){// 用户点击了确认对话框中的“确定”按钮时,执行以下函数
    // 可以在这里编写删除或执行其他操作的代码
    // 该函数是可选的,可以留空
});

相关文章

  • Iframe

    iframe 用于在网页内显示网页。 添加iframe的语法 URL 指向隔离页面的位置 Iframe - 设置高...

  • HTML Iframe内联框架

    iframe用于在网页内显示网页。 添加iframe的语法 URL指向隔离页面的位置。 iframe - 设置高...

  • iframe

    iframe 用于在网页内显示网页。 添加iframe语法 URL 指向隔离页面的位置。 Iframe - 设置高...

  • js前段组件

    1、弹窗 layerhttp://layer.layui.com/api.html

  • layui下,iframe父子窗口的通信

    iframe通信/跨域通信。http://fly.layui.com/jie/19251/ 待整理

  • 工具栏在弹窗内的浮层位置

    在弹窗内横向滚动,就因为这个导致的,解决方法是 配置里面有个scrollableContainer的参数,默认是b...

  • iframe调用父方法

    案例:iframe里有一个按钮,点击会弹窗,弹出来遮罩层只会覆盖iframe区域,弹出只会在iframe中间,会很...

  • swiper 与iframe 冲突无法滑动

    最简单的解决方法就是修改iframe

  • 文档拉到最底部才能操作按钮

    Vue的项目, 弹窗的文档是用iframe引入html显示的,但新增了文档必须拉到最底部才能操作按钮,iframe...

  • 我的网站收藏

    jQuery插件库; WEB弹窗; jar包下载; svg图片下载; echarts使用; layui网站; 待续...

网友评论

      本文标题:layui在iframe内弹窗位置错误的解决方法

      本文链接:https://www.haomeiwen.com/subject/limirdtx.html