-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
50vh
22.04.09 17:11 작성 조회수 183
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의 보정이 서로 다르게 들어가는 이유는 무엇일까요?
감사합니다~~
답변을 작성해보세요.
답변 0