웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] ViewScroller.js : jQuery Fullpage website Scrolling
해피CGI윤실장
2021. 7. 6. 10:32
* ViewScroller
- ViewScroller.js는 전체 페이지 스크롤 웹 사이트를 만들 수있는 사용하기 쉬운 솔루션입니다.
CSS3 전환을 사용하고 jQuery 애니메이션은 브라우저 기능에 따라 다릅니다.
IE8과 같은 일부 오래된 브라우저는 CSS3를 지원하지 않습니다
* License
- MIT License
* 사용방법
- 첨부된 압축파일을 다운로드하여 압축해제후 적용할 웹경로에 업로드 합니다
html 문서에 아래와 같이 css 를 불러오고 선언합니다
그후 각 풀페이지를 스크롤링할 좌측메뉴를 만듭니다
다음은 풀페이지 스크롤을 보여줄 본문내용을 작성합니다(앵커아이디에 맞게 작성)
마지막으로 하단에 필요한 js 호출 및 스크립트를 선언합니다
결과는 아래와 같은 형태로 출력되며 샘플파일 index.html 을 참고하시면 도움이 되실겁니다