//默认上下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弹窗宽度固定高度自适应界面相关推荐

  1. layui弹窗自适应变大_layui怎么调整弹框大小?

    layui怎么调整弹框大小?下面本篇文章给大家介绍一下layui中调整layer弹出窗体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layer是一个备受青睐的web弹 ...

  2. layui控制table列长度_layui表头宽度和表格一致_天天都要用的10个word表格技巧,工作再忙都要学会!!......

    Hello,各位叨友们好呀!我是叨叨君~ 说起制作表格可不是Excel的专利,日常工作中,用Word制作表格也是常有的事儿,对于有些小伙伴来说,可能天天都要用,那么,用Word制作表格,有哪些技巧是我 ...

  3. .net textbox全屏后自适应变大_手机屏幕太小?无套路不花钱变大屏!

    文/安哥拉 Hello 大家好,这里是工具狂人. 从 iPhone 最初诞生至今,一个显而易见的趋势是,手机屏幕变得越来越大. 但人们对更大屏幕的需求,似乎还未得到满足,从一些厂商推出的折叠屏手机可见 ...

  4. element-ui el-dialog侧边弹窗可横向拖拽改变宽度

    el-dialog侧边弹窗可横向拖拽改变宽度,并且存储到localStorage,刷新页面后依然是拖拽后的宽度 Vue.directive('dialogDrag', {inserted: funct ...

  5. Android 天气APP(十三)仿微信弹窗(右上角加号点击弹窗效果)、自定义背景图片、UI优化调整

    上一篇:Android 天气APP(十二)空气质量.UI优化调整 天气预报详情,逐小时预报详情 新版------------------- 一.适配器点击监听 二.页面实现 三.天气预报详情弹窗 四. ...

  6. JS函数自定义弹窗;纯JS实现弹窗

    弹窗 获取弹窗内穿出的数据: 在弹窗页面调用父级页面的方法,例:parent.xxx(data); 在 xxx()方法中将获取到的数据赋值给 abc 变量:在的点击弹窗确定按钮后调用 yyy()方法, ...

  7. 计算机安全弹窗,怎么屏蔽网站的弹窗广告保卫电脑安全

    上网浏览网站,总有一些网站上的弹窗广告影响我们浏览网站的体验感,甚至有的一些弹窗广告严重影响到了我们的电脑安全,那么如何有效的屏蔽这些网站的弹窗广告呢?下面学习啦小编告诉你! 屏蔽网站的弹窗广告保卫电 ...

  8. 添加弹窗_阻止电脑广告弹窗窗口让电脑桌面更清洁

    在使用计算机上网过程中,经常会弹出一些广告弹窗,这些弹窗或者会干扰到我们的使用计算机的体验,有的则会对桌面内容进行一些遮挡,非常可恶. 那么我们怎么对广告弹窗进行拦截不让它们干扰我们使用计算机呢? 我 ...

  9. layui select下拉框(弹窗中的)

    1.html代码 <div id="assignRoles" style="display: none"> <!--style="d ...

最新文章

  1. Shell基础命令之echo
  2. 速读《构建之法:现代软件工程》提问
  3. ajax给data赋值,vue 2.0 methods 里ajax生成的数据,怎么赋值给data
  4. 多看 android6,多看阅读本地版
  5. cron 每年执行一次_crontab服务执行定时脚本,在指定时间内让php执行处理业务逻辑...
  6. C#日期格式化,时间
  7. JAVA10 十大特性
  8. Kali Linux 秘籍 第六章 漏洞利用
  9. qt qlabel 布局重叠_Pyqt5布局管理实例
  10. 程序设计习惯养成计划---一、方法规约设计
  11. 哈工大SCIR lab带你从头开始了解Transformer
  12. 字节跳动最新简单算法面试题
  13. AndroidTV开发7实现仿小米电视和各种盒子TV焦点放大缩小效果
  14. 江苏卫视益智类节目《一战到底》不益智
  15. matlab时域采样与频域采样,实验二:时域采样与频域采样.doc
  16. 【优化系列】VS与YASM的集成使用
  17. deepfacelab实践笔记
  18. 2023届计算机保研面试基础专业问题(数据结构、算法、计算机语言、计算机网络、数据库、操作系统、数学)
  19. Trie——51nod1526 分配笔名
  20. 【淘宝补单】操作干预单不能在犯的错误

热门文章

  1. iOS navigationbar 透明
  2. wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
  3. Python之网络爬虫(验证码、代理IP、防反爬策略、封装一个抓取页面的函数)
  4. Python+sklearn随机森林算法使用入门
  5. 微课|中学生可以这样学Python(7.3.2节):数据成员
  6. 机器学习没有捷径,根据机器学习算法地图学习是最有效的一种方式!
  7. 微课|中学生可以这样学Python(2.2.3节):in和is
  8. 新学期,对同学们的要求和期望
  9. Fibonacci数列第n项的第7种计算方法:Python列表
  10. Python 3.6+Django开发入门小案例(自动变化的问候)完整步骤