首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >layui表格自适应高度_css布局左侧固定右侧自适应

layui表格自适应高度_css布局左侧固定右侧自适应

作者头像
全栈程序员站长
发布2022-11-17 18:22:31
发布2022-11-17 18:22:31
4.6K0
举报

//默认上下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>

_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).find(“iframe”).height(mH);

$(window.parent.document).find(“.layui-layer-iframe”).height(mH);

layuiDialogFitScreen();

}

}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/219616.html原文链接:https://javaforall.c..

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月28日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档