2014-08-10 3 views
0

мне нужно событие, которое слушает, когда высота изменяется окно, и я пытался использовать событие изменения размера(), например:Выполняется ли событие resize() только для ширины?

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

    $(function(){ 
     $(window).resize(function() { 
      headerHeight(); 
     }); 
    }); 

Я думал, что будет работать, но он слушает только тогда, когда ширина окна изменяется, а не высота. Почему это? Предполагаю ли я использовать другое событие?

Спасибо,

+2

Вы можете сделать это гораздо проще с чистым CSS: '# заголовок-обертка {мин-высота: 100vh; } ' – Pointy

+0

Да, но это работает так же, как и событие resize(), оно не меняется, когда высота - это единственное, что изменяет размер окна. – user3666951

+1

[Это неверно.] (Http://jsfiddle.net/Pointy/hjv8yksd/) – Pointy

ответ

0

Событие работает, это код в обработчик событий, который является проблемой. Вам нужно вызвать метод height получить значение:

var headerHeight = function() { 
    $("#header-wrapper").css("min-height",$(window).height()); 
} 
Смежные вопросы