gpt4 book ai didi

javascript - 在加载和调整大小时更改 Div 宽度

转载 作者:行者123 更新时间:2023-11-30 16:52:47 33 4
gpt4 key购买 nike

我编写这段代码是为了根据屏幕上的可用空间更改包装盒的宽度和高度。当我打开页面时,div 加载良好,但当我调整它的大小时,div 的大小没有改变。

var width = (($(window).width()) - 100);
var height = (($(window).height()) - 100);

$(window).ready(function() {
$("#wrapper").width(width);
$("#wrapper").height(height);
});

$(window).resize(function(){
$("#wrapper").width(width);
$("#wrapper").height(height);
});
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Xyz</title>
</head>
<body>
<div id="wrapper">
asd
</div>
</body>
</html>

最佳答案

您需要重新计算事件处理程序中的 heightwidth 变量:

$(window).ready(calculateSize);    
$(window).resize(calculateSize);

function calculateSize() {
var width = $(window).width() - 100;
var height = $(window).height() - 100;
$("#wrapper").width(width);
$("#wrapper").height(height);
}

但是请注意,这仅在 CSS 中是可能的:

#wrapper {
position: absolute;
top: 0;
left: 0;
right: 100px;
bottom: 100px;
}

关于javascript - 在加载和调整大小时更改 Div 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30242483/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com