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

Question

对于JS我还是个业余爱好者，我想获取浏览器窗口的高度，然后在调整大小时更新它。这可能吗？ (代码如下)

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

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

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

编辑:这需要在不刷新页面的情况下发生

Answer 1

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

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

或使用处理程序

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

function handle_window_resize() {
     // your code here
}