뷰포트에 자동으로 맞추는 스크롤 효과 수행 방법

Question

http://teacakedesign.com/

이것은 내가 언급 한 웹 사이트입니다. 브라우저의 뷰포트에 사용 가능한 공간에 맞게 스크롤 된 항목의 크기를 자동으로 조정합니다.

Answer 1

이것이 최선의 해결책인지는 모르겠지만 시작하는 방법은 다음과 같습니다. 컨테이너의 높이를 100 % 요소 수 (예 : 5 개 요소 -> 500 %)로 설정합니다. 각 내부 요소는 100/n 요소 높이입니다. js 파일에서 사용자가 스크롤 한 다음 스크롤바를 "n"픽셀 위로 또는 아래로 움직일 때 창의 높이를 확인합니다.