【HTML获取窗体高度】

最新推荐文章于 2024-06-01 20:05:47 发布

.陌路

最新推荐文章于 2024-06-01 20:05:47 发布

阅读量511

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： html javascript 前端 css3

本文链接：https://blog.youkuaiyun.com/qq_51076413/article/details/127009743

web前端专栏收录该内容

17 篇文章

订阅专栏

将div时刻保持显示在页面中间

<style type="text/css">
	.questionWinDiv {
	    position: absolute;
	    width: 650px;
	    height: 450px;
	    top: 10%;
	    /* left: 25%; */
	    background: #f9f9f9;
	    border: 1px #999 solid;
	    display: none;
	    z-index: 99;
	}
	#divMask{
       	position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100%;
	    filter:alpha(opacity=30);
	    background-color: #000;
	    display: none;
	    z-index: 2;
       }
</style>
<body style="overflow: hidden;width: 100%;">
	<div id="divMask"></div>
	<div class="questionWinDiv">
		<div class="titDiv">
		    <span class="b_dis" style="float: left;text-align: center;width: 95%;font-weight: bold;">记录问题</span>
		    <span class="b_dis cloBox" onclick="closeDiv()">X</span>
		</div>
	</div>
</body>

在这里插入图片描述

获取窗体高度和宽度

$(function(){
	var width = Math.max(document.documentElement.clientWidth,document.body.scrollWidth);
	var height = Math.max(document.documentElement.clientHeight,document.body.scrollHeight);
	var let = (width-650)/2;
	$(".div").css("left",let);
})