javascript - 使用浏览器大小和调整大小获取、设置和重置高度

Question

说到 JS，我还是个业余爱好者，我想获取浏览器窗口的高度，然后让它在调整大小时更新。这可能吗？（下面的代码）

$(document).ready(function() {
    var winHeight = $(window).height(),
        winWidth = $(window).width();

    $('#wrap_project_horizontal_gallery').css({
        'height' : winHeight - 170
    });
});

我考虑过使用 setInterval 但必须有更好的方法。非常感谢您的帮助

编辑：这需要在没有页面刷新的情况下发生

Answer 1

您可以将一个方法绑定到窗口中的 resize 事件并在那里重新计算您的变量，或者调整需要调整大小的元素的大小。

    $(document).ready(function(){
        $(window).resize(function() {
              // your code here
        });
    });

或使用处理程序

$(document).ready(function(){
         $(window).resize(handle_window_resize);
});

function handle_window_resize() {
     // your code here
}

Answer 2

您可以使用jQuery.resize()方法。

$(window).resize(function() {

    var winHeight = $(window).height(),
        winWidth = $(window).width();

    $('#wrap_project_horizontal_gallery').css({
        'height' : winHeight - 170
    });
});