글

JQuery 한화면 단위별 스크롤 이동

/카테고리: /작성자:

한 화면 단위로 구성된 섹션을 가지고 있습니다. 각 섹션은 .section 클래스로 지정되어 있으며, 각각의 섹션은 전체 화면(100vh)의 높이를 가지고 있습니다.

JQuery를 사용하여 스크롤 이벤트를 감지하고, 마우스 휠을 위로 또는 아래로 스크롤할 때 다음 섹션 또는 이전 섹션으로 스크롤 이동하도록 구현되어 있습니다. 스크롤 다운 시 scrollTop을 다음 섹션의 상단 위치로 이동시키고, 스크롤 업 시 scrollTop을 이전 섹션의 상단 위치로 이동시킵니다.

자세히 보기