height 100% 안될 때
보통 나는 사이드 메뉴일 때 이런 경우가 발생을 하는거 같다.
자식만큼 찢어져서 스크롤링이 안되는 문제가 있거나 0인경우가 생긴다.
오픈메뉴 최상위 컨테이너에 걍 준다.
position:fixed;
top:0;
left:0;
height:100%;
overflow:scroll;
오른쪽으로 열릴시는 right:0;
하면 이 컨테이너 세로는 브라우저 크기만큼 잡힌다.
그리고 메인의 스크롤은 안되게 잠궈 준다.
메뉴 오픈 버튼 클릭시 처리 스크립트.
html이나 body에 overflow:hidden;
닫힐시 반대로 overflow:auto나 scroll;
간간히 이런문제에 부딪혀서 시간을 많이 뺏어 먹는다.
물론 강제로 도큐먼트 레디에서 브라우저 세로길이를 재어서 메뉴 컨테이너 height를 강제 셋팅해주는방법도 있지만 굳이..