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

时间:2013-09-14 16:31:39

标签: javascript jquery window

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

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

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

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

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

2 个答案:

答案 0 :(得分:1)

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

$(window).resize(function() {

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

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

答案 1 :(得分: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
}