layui弹窗自适应变大_layui弹窗宽度固定高度自适应界面
//默认上下15px的边距高度,可根据需要修改
function layuiDialogFitScreen(){
var layui_title_height=$(window.parent.document).find(".layui-layer-title").height();
var border_margin=30;
var minH=150;
var _margin=0;
var _top=$(window.parent.document).find(".layui-layer-iframe").css("top").split("px")[0];
$("html").height($("body").height());
if($(document).height()+layui_title_height>$(window.parent.document).height()-border_margin){
_margin=-(_top-border_margin/2)+'px';
var mContentH=($(window.parent.document).height()-layui_title_height-border_margin)+'px';
$(window.parent.document).find("iframe").css({"height":mContentH});
$(window.parent.document).find(".layui-layer-iframe").css({"height":mContentH,"top":_top,"margin-top":_margin});
}else{
$(window.parent.document).find("iframe").css("height",($(document).height())+'px');
$(window.parent.document).find(".layui-layer-iframe").css("height",($(document).height())+'px');
if($(document).height()>minH){
_margin=-($(document).height()-minH)/2+'px';
$(window.parent.document).find(".layui-layer-iframe").css("margin-top",_margin);
}
}
}
//删除delH高度内容后内容自适应界面高度
function deleteFitView(delH){
var layui_title_height=$(window.parent.document).find(".layui-layer-title").height();
var mH=$("html").height()-delH;
var border_margin=30;
$("html").height(mH);
if( $("html").height()+layui_title_height<=$(window.parent.document).height()-border_margin){
$(window.parent.document).find("iframe").height(mH);
$(window.parent.document).find(".layui-layer-iframe").height(mH);
layuiDialogFitScreen();
}
}
layui弹窗自适应变大_layui弹窗宽度固定高度自适应界面相关推荐
- layui弹窗自适应变大_layui怎么调整弹框大小?
layui怎么调整弹框大小?下面本篇文章给大家介绍一下layui中调整layer弹出窗体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layer是一个备受青睐的web弹 ...
- layui控制table列长度_layui表头宽度和表格一致_天天都要用的10个word表格技巧,工作再忙都要学会!!......
Hello,各位叨友们好呀!我是叨叨君~ 说起制作表格可不是Excel的专利,日常工作中,用Word制作表格也是常有的事儿,对于有些小伙伴来说,可能天天都要用,那么,用Word制作表格,有哪些技巧是我 ...
- .net textbox全屏后自适应变大_手机屏幕太小?无套路不花钱变大屏!
文/安哥拉 Hello 大家好,这里是工具狂人. 从 iPhone 最初诞生至今,一个显而易见的趋势是,手机屏幕变得越来越大. 但人们对更大屏幕的需求,似乎还未得到满足,从一些厂商推出的折叠屏手机可见 ...
- element-ui el-dialog侧边弹窗可横向拖拽改变宽度
el-dialog侧边弹窗可横向拖拽改变宽度,并且存储到localStorage,刷新页面后依然是拖拽后的宽度 Vue.directive('dialogDrag', {inserted: funct ...
- Android 天气APP(十三)仿微信弹窗(右上角加号点击弹窗效果)、自定义背景图片、UI优化调整
上一篇:Android 天气APP(十二)空气质量.UI优化调整 天气预报详情,逐小时预报详情 新版------------------- 一.适配器点击监听 二.页面实现 三.天气预报详情弹窗 四. ...
- JS函数自定义弹窗;纯JS实现弹窗
弹窗 获取弹窗内穿出的数据: 在弹窗页面调用父级页面的方法,例:parent.xxx(data); 在 xxx()方法中将获取到的数据赋值给 abc 变量:在的点击弹窗确定按钮后调用 yyy()方法, ...
- 计算机安全弹窗,怎么屏蔽网站的弹窗广告保卫电脑安全
上网浏览网站,总有一些网站上的弹窗广告影响我们浏览网站的体验感,甚至有的一些弹窗广告严重影响到了我们的电脑安全,那么如何有效的屏蔽这些网站的弹窗广告呢?下面学习啦小编告诉你! 屏蔽网站的弹窗广告保卫电 ...
- 添加弹窗_阻止电脑广告弹窗窗口让电脑桌面更清洁
在使用计算机上网过程中,经常会弹出一些广告弹窗,这些弹窗或者会干扰到我们的使用计算机的体验,有的则会对桌面内容进行一些遮挡,非常可恶. 那么我们怎么对广告弹窗进行拦截不让它们干扰我们使用计算机呢? 我 ...
- layui select下拉框(弹窗中的)
1.html代码 <div id="assignRoles" style="display: none"> <!--style="d ...
最新文章
- Shell基础命令之echo
- 速读《构建之法:现代软件工程》提问
- ajax给data赋值,vue 2.0 methods 里ajax生成的数据,怎么赋值给data
- 多看 android6,多看阅读本地版
- cron 每年执行一次_crontab服务执行定时脚本,在指定时间内让php执行处理业务逻辑...
- C#日期格式化,时间
- JAVA10 十大特性
- Kali Linux 秘籍 第六章 漏洞利用
- qt qlabel 布局重叠_Pyqt5布局管理实例
- 程序设计习惯养成计划---一、方法规约设计
- 哈工大SCIR lab带你从头开始了解Transformer
- 字节跳动最新简单算法面试题
- AndroidTV开发7实现仿小米电视和各种盒子TV焦点放大缩小效果
- 江苏卫视益智类节目《一战到底》不益智
- matlab时域采样与频域采样,实验二:时域采样与频域采样.doc
- 【优化系列】VS与YASM的集成使用
- deepfacelab实践笔记
- 2023届计算机保研面试基础专业问题(数据结构、算法、计算机语言、计算机网络、数据库、操作系统、数学)
- Trie——51nod1526 分配笔名
- 【淘宝补单】操作干预单不能在犯的错误
热门文章
- iOS navigationbar 透明
- wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
- Python之网络爬虫(验证码、代理IP、防反爬策略、封装一个抓取页面的函数)
- Python+sklearn随机森林算法使用入门
- 微课|中学生可以这样学Python(7.3.2节):数据成员
- 机器学习没有捷径,根据机器学习算法地图学习是最有效的一种方式!
- 微课|中学生可以这样学Python(2.2.3节):in和is
- 新学期,对同学们的要求和期望
- Fibonacci数列第n项的第7种计算方法:Python列表
- Python 3.6+Django开发入门小案例(自动变化的问候)完整步骤