추가수정: 자바스크립트로 해결
css는 한계가 있고 자바스크립트로 스크롤길이를 측정해서 그만큼 px로 변환해주면되는듯하다.
변수명+style+height = '숫자px'을 입력해야하기때문에
숫자 + 문자열을 계산하면 문자열이되는 자바스크립트의 특징을 이용해 'px'을 붙였다.
변수명.style.height = document.body.scrollHeight + 'px'
---
position:absolute;
top:0;
width:100%;
height:100%;
를 주었는데도 안먹을경우가있다.
min-height:100% 혹은 100vh로도 변경해보고
그래도안되면
나같은경우는 padding-bottom:3000px처럼 야매로 해결하였음.(어차피 검은배경화면일뿐이어서..)
반응형
'Frontend > Markup' 카테고리의 다른 글
a태그 확장시 block 안먹힐때 (0) | 2021.11.09 |
---|---|
disabled 에서 readonly로 사용한 이유 (0) | 2021.10.15 |
HTML 시맨틱태그 정리 (0) | 2021.04.12 |
checkbox 커스텀, select All (0) | 2020.10.29 |
아코디언 메뉴 accordion menu (0) | 2020.10.29 |