//默认上下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弹窗宽度固定高度自适应界面的更多相关文章

  1. layui弹窗里面 session过期 后跳转到登录页面

    1.在登录页面添加 <script> $(function () { if (top != window) { layer.msg("登录失效", {icon: 5}) ...

  2. layui 弹窗中 分页展示table

    1. 需求:点击查看更多,展示该类别 所有数据,并分页 2. 参考文档: (1)https://www.jianshu.com/p/40da11ebae66 (2) https://blog.csdn ...

  3. js中点回车enter触发事件&layui弹窗按enter键不停弹窗问题的解决&js实现鼠标焦点自动落到文本框(layui)

     js中回车触发事件 一. document.onkeydown = function (e) { // 回车提交表单 // 兼容FF和IE和Opera var theEvent = window.e ...

  4. layui 弹窗的iframe 父子界面相互传值

    1.父界面向子界面传值 [1].父界面打开子界面: function show_layer(){ layer.open({ type: 2, area: [w+'px', h +'px'], fix: ...

  5. layui弹窗 之 iframe关闭

    1)关闭特定iframe //当在iframe页面关闭自身时,在iframe页执行以下js脚本 var index = parent.layer.getFrameIndex(window.name); ...

  6. 【layui】获取layui弹窗的index并关闭

    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index); // 关闭当前laye ...

  7. layui弹窗全屏显示

    var index =layer.open({ id: 'id', type: 2, area: ['100%', '100%'], fix: false, maxmin: true, shadeCl ...

  8. layui+croppers完成图片剪切上传

    不多说直接上代码: 前台代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" / ...

  9. layui插件croppers的使用

    这是我第一次在layui环境下面使用croppers插件.先粘贴下前端代码并附上我的目录结构吧.       @{   ViewData["Title"] = "Crop ...

随机推荐

  1. 如何将python3.6软件的py文件打包成exe程序

    在我们完成一个Python项目或一个程序时,希望将Python的py文件打包成在Windows系统下直接可以运行的exe程序.在浏览网上的资料来看,有利用pyinstaller和cx_Freeze进行 ...

  2. hibernate的事务和spring事务的区别 (转)

    spring事务: 对于传统的基于特定事务资源的事务处理而言(如基于JDBC的数据库访问),Spring并不会对其产生什么影响,我们照样可以成功编写并运行这样的代码.同时,Spring还提供了一些辅助 ...

  3. Hive练习

    一.基础DDL练习 SHOW DATABASES; CREATE DATABASE IF NOT EXISTS db1 COMMENT 'Our database db1'; SHOW DATABAS ...

  4. javascript 设置元素滚动大小

    3. 滚动大小 最后要介绍的是滚动大小(scroll dimension),指的是包含滚动内容的元素的大小. 有些元素(例如 元素),即使没有执行任何代码也能自动地添加滚动条:但另外一些元素,则需要通 ...

  5. 浅谈boost.variant的几种访问方式

    前言 variant类型在C++14并没有加入,在cppreference网站上可以看到该类型将会在C++17加入,若想在不支持C++17的编译器上使用variant类型,我们可以通过boost的va ...

  6. vi重要操作指令

    [Ctrl] + [f] 萤幕『向下』移动一页,相当于[Page Down]按键( 常用 ) [Ctrl] + [b] 萤幕『向上』移动一页,相当于[Page Up]按键( 常用 ) 0 或功能键[H ...

  7. Python爬虫学习笔记之爬虫基础库

    知识预览 beautifulsoup的简单使用 beautifulsoup的遍历文档树 beautifulsoup的搜索文档树 beautifulsoup的css选择器 回到顶部 beautifuls ...

  8. Django学习笔记之Django Form表单详解

    知识预览 构建一个表单 在Django 中构建一个表单 Django Form 类详解 使用表单模板 回到顶部 构建一个表单 假设你想在你的网站上创建一个简单的表单,以获得用户的名字.你需要类似这样的 ...

  9. mapper的namespace

    一般情况下mapper的namespace能随便写,不重复即可, 但如果希望使用mybatis动态代理的接口,就需要namespace中的值和需要对应的Mapper(dao)接口的全路径一致.例如:c ...

  10. Linux 软件看门狗 watchdog 喂狗

    Linux 自带了一个 watchdog 的实现,用于监视系统的运行,包括一个内核 watchdog module 和一个用户空间的 watchdog程序.内核 watchdog 模块通过 /dev/ ...