gpt4 book ai didi

javascript - 当我最小化浏览器时,jQuery(window).height() 正在增加

转载 作者:行者123 更新时间:2023-11-27 23:59:30 25 4
gpt4 key购买 nike

我正在计算调整大小时的窗口高度。在最小化浏览器 (Firefox 39.x) 窗口时,窗口高度从 55 增加到 83。问题在于 Firefox 39.x 版本,它对 jQuery(window).height() 有奇怪的行为,并且可以在 chrome 中查找。我的代码如下。

<html>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

<body>
<h2>Test</h2>
<div id="divTest"></div>
</body>

<script type="text/javascript">
jQuery(window).resize(function() {
jQuery("#divTest").html("height:"+jQuery(this).height()+"width:"+jQuery(this).width());
});

jQuery("#divTest").html("height:"+jQuery(window).height()+"width:"+jQuery(window).width());
</script>
</html>

所以我尝试使用 window.innerHeight 和 window.innerWidth 而不是 jQuery 窗口宽度/高度。让我知道我们可以更好地使用跨浏览器的窗口宽度和高度的任何东西,以及 jquery 窗口高度/宽度与 window.innerHeight 和 window.innerWidth 有何不同。

最佳答案

试试这个代码:

$(window).on('resize load',function(){
$("#divTest").html("Height: " + $(this).height() + "px / Width: " + $(this).width() + "px");
});
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

<h2>Test</h2>
<div id="divTest"></div>

关于javascript - 当我最小化浏览器时,jQuery(window).height() 正在增加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31945049/

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