Question

当涉及到JS时，我仍然是业余爱好者，我想获得浏览器窗口的高度，然后在调整大小时让它更新。这可能吗？（以下代码）

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

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

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

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

Answer 1

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

$(window).resize(function() {

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

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

Answer 2

您可以将方法绑定到窗口中的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
}

使用浏览器大小获取，设置和重置高度并调整大小

2 个答案: