Динамически восстанавливать высоту элементов?

Question

В настоящее время я пытаюсь написать сценарий меню переключения.

Большинство фьючерсов прекрасно, но ...

Вот мой ящик:

https://jsbin.com/rabiporoji/edit?html,css,js,console,output

Я использую медиа-запрос, чтобы сделать другой макет,

идея. .. Я попытался сделать меню растянутым под шириной экрана 500 пикселей,

и ничего не менять, если размер экрана шире 500 гарнизонная лавка

Но в то время как размер экрана простиралась от мала до шире, чем 500px,

меню переключения будет еще увеличено, если я нажмите кнопку й.

пс (в этом случае высота фиксирована, но в этом проекте я работаю на их фотографии с только фиксированной ширины в процентах)

Итак, я задаюсь вопросом, есть ли способ, чтобы получить высота элементов динамически, каждый раз, когда я изменяю размер окна.

Я знаю, что могут быть некоторые библиотеки js и решить эту проблему легко.

Но я действительно хочу знать некоторые основы js, прежде чем я начну использовать их.

TY для вашего времени!

Answer 1

window.addEventListener('resize', function(event){ 
    let height = document.getElementById('thing').offsetHeight; 
    console.log('offsetHeight',offsetHeight) 
});