根据屏幕窗口大小动态改变选项卡内容高度

最新推荐文章于 2021-07-25 22:39:52 发布

无公害的小bug

最新推荐文章于 2021-07-25 22:39:52 发布

阅读量448

点赞数

分类专栏：前端文章标签： js控制高度变化

本文链接：https://blog.csdn.net/weixin_43545329/article/details/88073075

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

点击全屏时动态改变下方选项卡内容高度

function fullScreen() {
	var winHeight = 0;
	if(window.innerHeight) winHeight = window.innerHeight;
	else if((document.body) && (document.body.clientHeight)) winHeight = document.body.clientHeight;
	//通过深入Document内部对body进行检测，获取浏览器窗口高度
	if(document.documentElement && document.documentElement.clientHeight) winHeight = document.documentElement.clientHeight;
	//点击弹出窗全屏后选项卡高度变化
	document.getElementById("tabcontent").style.height = winHeight - 360 + "px" ;
	document.getElementById("jqxxtable").style.height = winHeight - 390 + "px";
	document.getElementById("zjywtable").style.height = winHeight - 390 + "px";
}