Jquery переменная с использованием window.innerHeight возвращается как undefined

Question

Я пытаюсь установить высоту div в зависимости от ширины окна. vh единиц не будет из-за проблемы с мобильным телефоном iOS. Я основываю свой код на следующем ответе на переполнение стека: { ссылка }, который работает должным образом, постоянно обновляя высоту тела. По какой-то причине, когда я пытаюсь применить это к другому элементу ( .nav-main ), консоль возвращает undefined .

$(document).ready(function () {

    function resetHeight(){
      var bodyheight = window.innerheight;
      console.log({bodyheight})
      $('.nav-main').css({ 'width': bodyheight + 'px' });
    }
    
    // reset the height whenever the window's resized
    window.addEventListener("resize", resetHeight);
    
    // called to initially set the height.
    resetHeight();

});

Answer 1

Вы допустили опечатку в свойстве окна.

Попробуйте window.innerHeight