반응형 parallax Effect1 Parallax Effect01 parallaxEffect01 패럴랙스 이펙트01번 입니다. 스크롤 기준으로, 요소의 좌표값과 메뉴 버튼의 활성화 상태가 변경되도록 하였습니다. 원본 소스 보기 원본 사이트 보기 HTML 헤더와, 연결(nav), 콘텐츠, 사이드, 푸터 영역으로 나누었습니다. nav 영역은 현재 스크롤 영역이 어디인지, 클릭하면 그 메뉴의 영역을 볼 수 있도록 구성하였습니다. contents 영역은 이미지와 명언이 들어가는 본문 영역입니다. 사이드(info) 영역은 현재 스크롤 좌표, 각 메뉴 요소들의 세로 좌표값을 js코드를 통해 볼 수 있도록 하였습니다. 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 01 section1 내일은 내일의 태양이 뜬다. 02 section2 삶이 있는 한 희망은 있다. .. 2022. 9. 6. 이전 1 다음 반응형
