해결된 질문
작성
·
153
답변 1
1
앗.. 확인해보니 스크롤 섹션 자체의 높이로 잡다보니 높이 인식이 안전하게 처리가 안되는 걸로 보입니다.
type: 'normal'인 섹션의 높이를 가져오는 문제인데요, 섹션 자체로 높이를 인식하지 않고 안의 콘텐츠로 인식하면 확실하게 잡을 수 있습니다.
sceneInfo의 두번째 섹션의 objs에 아래와 같이 content를 추가해 주시고,
{
// 1
type: 'normal',
// heightNum: 5, // type normal에서는 필요 없음
scrollHeight: 0,
objs: {
container: document.querySelector('#scroll-section-1'),
content: document.querySelector('#scroll-section-1 .description')
}
},
setLayout 함수의 이 부분을
sceneInfo[i].scrollHeight = sceneInfo[i].objs.container.offsetHeight;
이렇게 바꾸어주시면 영역이 올바르게 잡힐거에요(기본 패딩 50vh가 있어서, 브라우저 높이의 0.5배도 더해주었습니다).
sceneInfo[i].scrollHeight = sceneInfo[i].objs.content.offsetHeight + window.innerHeight * 0.5;
정석님 덕분에 발견했네요^^; 감사합니다.
곧 소스코드도 업데이트 해두겠습니다^^