인프런 커뮤니티 질문&답변
작성한 질문수
50vh
작성
·
223
0
.scroll-section {
position: relative;
padding-top: 50vh;
}
위와 같이 padding-top에 50vh를 넣고
setLayout함수에서
if (sceneInfo[i].type === 'sticky') {
sceneInfo[i].scrollHeight = sceneInfo[i].heightNum * window.innerHeight;
} else if (sceneInfo[i].type === 'normal') {
sceneInfo[i].scrollHeight = sceneInfo[i].objs.content.offsetHeight + window.innerHeight * 0.5;
}
sceneInfo[i].objs.container.style.height = `${sceneInfo[i].scrollHeight}px`;
sticky인 경우 innerHeight의 배수만큼만, normal인 경우 실제 높이에 50vh 만큼을 더해주고 있습니다.
질문1: 어짜피 setLayout에서 높이를 재설정하고 있는데 css에서 패딩을 주는 이유가 무엇일까요?
질문2: sticky와 normal에 50vh의 보정이 서로 다르게 들어가는 이유는 무엇일까요?
감사합니다~~
답변
답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!