요소 높이를 동적으로 검색 하시겠습니까?

Question

현재 토글 메뉴 스크립트를 작성하려고합니다.

내가 다른 레이아웃을 만들기 위해 미디어 쿼리를 사용

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

, 아이디어가

:

선물의 대부분은 잘하지만

...

여기 내 빈입니다. .. 나는 500px 화면 너비,

아래에 메뉴를 확장하고 화면 크기가 500보다 넓은 경우 변경하지 않으려 고 노력했다. px.

그러나보다 넓은 500 픽셀 작은에서 뻗어 화면 크기 동안

, 내가 버튼 번째 클릭하면 토글 메뉴는 여전히 확장됩니다

.

(높이가 고정되어 있지만, 프로젝트에 나는 그들이 비율에 폭이 고정 만에 사진 있습니다에서 일하는있어이 경우)를 검색 할 수있는 방법이 있는지

그래서, 내가 궁금하네요은

PS 요소 높이를 동적으로 변경합니다.

일부 js 라이브러리가있을 수 있으며 쉽게이 문제를 해결할 수 있습니다.

하지만 실제로 사용하기 전에 몇 가지 기본 정보를 알고 싶습니다.

타이!

Answer 1

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