layui iframe弹出层高度自适应,并垂直居中
1、高度自适应:
代码:
success: function(layero, index) {
layer.iframeAuto(index);
},
2、垂直居中
进入layer.js,增加几行代码。具体如图:
代码:
var bodyHH = document.documentElement.clientHeight;
if(heg + titHeight + btnHeight > $(window).height()){
layero.css({height:$(window).height(),
top:(bodyHH-$(window).height())*0.5});
layero.find('iframe').css({height:$(window).height()-titHeight-btnHeight,
top:(bodyHH-$(window).height())*0.5});
}else{
layero.css({height: heg + titHeight + btnHeight,
top:(bodyHH-(heg + titHeight + btnHeight))*0.5});
layero.find('iframe').css({height: heg,
top:(bodyHH-(heg + titHeight + btnHeight))*0.5});
}
layui iframe弹出层高度自适应,并垂直居中相关推荐
- layui + layer弹出层增删改的操作
一.弹出层说明 /* ========== 弹出层说明 ==============*/function useradd() { // useradd(),点击事件//var pageNum = $( ...
- layui table 弹出层刷新_layui 关闭open弹出框 刷新table表格页面的方法
layui 关闭open弹出框 刷新table表格页面的方法 如下所示: 保存后刷新table表格 源码 //弹出框 layer.open({ type: 2, shadeClose: true, s ...
- layui使用弹出层 关闭后弹层的内容又显示出来
1.layui的弹层插件 layer 使用 当弹层的内容很多时,可以先在页面上写好,一般是写在body里面,不要放在其他的div里面,防止弹层受到影响,使用方法: <div id=" ...
- php layer弹出层更改背景,layui.layer 弹出层背景透明,前景无阴影实现方案
先上具体实现方法. 首先,在 css 里给 layer 弹出层写个自定义 skin (这点不明白的同学请出门左转 layui 官网文档):.myskin{ background-colo ...
- layui ,弹出层修改颜色
本人在开发后台页面的时候,提示用户批量删除的数据时,为了惊醒一点儿先把文字改成红色提醒,看了layui文档,发现用 layer.style(xxx, {color:'red'}); 如图所示用laye ...
- layui layer弹出层通过offset属性定位弹出层在光标处弹出(event.clientY和event.clientX)失败。
将弹出层弹出位置定位到光标处,大小超过父弹出层的部分无法显示 .js //页面层-自定义 $("#more").click(function (event) {layer.open ...
- 前端ui框架layui——layer弹出层-内置方法
提示:本页内容所展示的内置方法是除了所有弹出方法(eg:layer.open)以外的,想看弹出方法请到这里 --------内置方法---------- 1.layer.config(options) ...
- 前端ui框架layui——layer弹出层-弹出框方法
----------弹出框方法----------------- 1.layer.open(options) - 原始核心方法 基本上是露脸率最高的方法,不管是使用哪种方式创建层,都是走layer.o ...
- layui.layer 弹出层使用
layer 在 layui 体系中的位置比较特殊,甚至让很多人都误以为 layui = layer ui,所以再次强调 layer 只是作为 layui 的一个弹层模块 1. 获取laery,你需要去 ...
- iframe弹出层中关闭包含iframe的div(子页面调用父页面js函数)
父页面: <div id="win2" style=" width:300px; height:200px; border:1px solid red;" ...
最新文章
- 【机器学习入门】(2) 朴素贝叶斯算法:原理、实例应用(文档分类预测)附python完整代码及数据集
- AI嵌入式开发:NVIDIA Jetson Xavier NX刷机(2)
- 4ask调制与解调的matlab_LTE中的调制和编码
- 我的Java自定义线程池执行器
- PostgreSQL用户角色和权限管理
- 阿里技术小哥,写了一个“​废话生成器”!火爆内网,演绎了什么叫“阿里味“!...
- matlab linux 中文显示问题解决办法
- 【信息学奥赛一本通】题解目录答案
- 【python】52周存钱法功能改进
- 云计算与大片:基于阿里云的渲染农场
- 无线wifi网络企业微信认证解决方案
- WPS表格恢复到指定日期版本(图片详解)
- android实现跑马灯效果,Android用过TextView实现跑马灯效果的示例
- 计算机管理的磁盘管理简单卷,win7磁盘管理分区后无法新建简单卷怎么解决
- 服务器重启之后 宝塔面板打不开
- COLA的扩展性使用和源码研究
- SSM框架与Springboot框架的区别
- 虚拟化操作系统ESXi 6.7安装配置--vSphere
- linux 参考文献格式转化,科学网-Endnote向Bibtex格式的转换-郑小宏的博文
- ubuntunbsp;16.04安装smba服务
热门文章
- MarkDown思维导图
- 2022苹果AppStore应用商店上传与APP上传流程必看(基础篇)
- linux如何生成tgz文件,linux – 压缩文件夹以创建tgz文件
- web前端搭建相关文件夹结构
- 计算机访问共享打印机无权限访问,Windows10电脑系统共享打印机无访问权限?详细解决步骤...
- 高瓴张磊:从学渣到投资大佬,也曾多次犯错
- excel打不开_mac版excel死机该如何恢复?
- 10只狗怎么来判断1000瓶药水中哪个有毒
- android立方体旋转动画,如何画出一个旋转的立方体
- 遇到的问题集合(倒序)