[해피CGI][cgimall] 원 페이지 스크롤 네비게이션 jQuery 소스

- 소개


원 페이지 스크롤 네비게이션 jQuery 소스입니다.
랜딩 페이지 등 원 페이지 사이트나 이벤트 페이지 제작시 유용할 것 같습니다.



- 라이센스

MIT


- 작업 예제


1. 섹션을 나누어 웹 페이지를 생성합니다.

 

 

2. 섹션 내용이 화면을 꽉 채우게 CSS를 추가합니다.

 

 

3. 네비게이션 버튼을 추가합니다. 각 섹션별로 입력한 ID 값을 통해 링크를 걸어줍니다.

 

 

4. CSS 스타일을 추가합니다.

 

 

5. jQuery 라이브러리를 링크해 줍니다.

 

 

6. 특별한 추가 jQuery 라이브러리 없이 jQuery 기본 함수들만으로 네비게이션이 작동할 수 있도록 코딩합니다.

 

 

- 결과물