일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 웹솔루션
- CSS
- #cgimall
- javascript
- #동영상
- #뉴스
- 해피씨지아이
- jquery
- 해피CGI
- 솔루션
- #솔루션
- #홈페이지
- #웹솔루션
- 홈페이지제작
- #jQuery
- #image
- #이미지
- #happycgi
- 사이트제작
- #업종별
- 쇼핑몰
- #CSS
- #해피CGI
- 홈페이지
- 게시판
- php
- #홈페이지제작
- happycgi
- #쇼핑몰
- CGIMALL
- Today
- Total
웹솔루션개발 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 을 참고하시면 도움이 되실겁니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 다양한 스크롤 효과를 제공하는 ScrollMagic-v2.0.8 (0) | 2021.07.08 |
---|---|
[해피CGI][cgimall] Vanilla JS Image Lightbox (0) | 2021.07.07 |
[해피CGI][cgimall] Javascript Smoke Effect (0) | 2021.07.05 |
[해피CGI][cgimall] Smart Sticky Header Hamburger Navigation Plugin - jQuery mhead (0) | 2021.07.02 |
[해피CGI][cgimall] 화면 스크롤에 따라 움직이는 이미지 효과 (0) | 2021.06.11 |
Comments