웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] ViewScroller.js : jQuery Fullpage website Scrolling 본문

웹프로그램밍 자료실/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 을 참고하시면 도움이 되실겁니다

 

 

 

 

홈페이지바로가기

Comments