작성
·
121
답변 1
0
씬의 변화시점을 언제쯤으로 할건지에 따라 padding-top 등으로 간격을 조정하시면 됩니다~
이 예제에서는 padding-top: 50vh를 줌으로써
브라우저 아래를 기준으로 중간쯤 올라왔을 때부터 새로운 씬이 시작되도록 한 것이고요.
말씀대로 padding-top을 없애면, 새로운 섹션의 콘텐츠가 브라우저 상단에 닿는 시점에 currentScene이 바뀔거에요.
디자인이나 표현 전략에 따라 그게 나을수도 아닐수도 있고 별 차이가 없을 수도 있을텐데,
그건 만드시는 디자인의 표현에 맞게 선택하시면 될 것 같습니다^^
저같은 경우는 중간부터는 새로운 씬의 효과가 미리 적용되게 하기 위해 공통으로 padding-top을 준 것이고요~
크롬 개발자도구를 활성화 하시고,
완성 파일에서 새로운 섹션이 시작되는 시점을 눈으로 확인해 보시는 것도 도움이 될 것 같습니다^^