Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript resize()事件是否仅适用于宽度?_Javascript_Jquery_Events_Resize - Fatal编程技术网

Javascript resize()事件是否仅适用于宽度?

Javascript resize()事件是否仅适用于宽度?,javascript,jquery,events,resize,Javascript,Jquery,Events,Resize,我需要一个在窗口高度改变时侦听的事件,我尝试使用resize事件,如下所示: var headerHeight = function() { $("#header-wrapper").css("min-height",$(window).height); } $(function(){ $(window).resize(function() { headerHeight(); }); });

我需要一个在窗口高度改变时侦听的事件,我尝试使用resize事件,如下所示:

    var headerHeight = function() {
        $("#header-wrapper").css("min-height",$(window).height);
    }

    $(function(){
        $(window).resize(function() {
            headerHeight();
        });
    });
我原以为这样做行得通,但它只在调整窗口的宽度而不是高度时才监听。为什么会这样?我应该使用另一个事件吗


谢谢,

事件正在运行,问题在于事件处理程序中的代码。您需要调用height方法来获取值:

var headerHeight = function() {
    $("#header-wrapper").css("min-height",$(window).height());
}

使用纯CSS:header包装器{min height:100vh;}可以更简单地实现这一点,是的,但其工作方式与调整大小事件相同,当高度是调整窗口大小的唯一因素时,它不会改变。您是否尝试输入console.log以验证调整大小不会触发高度变化的理论?我认为您的页面可能还有其他问题。我知道一个绝对的事实,当页面高度改变时,普通浏览器会触发调整大小事件。