일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 솔루션
- jquery
- #cgimall
- 해피씨지아이
- 홈페이지제작
- php
- CGIMALL
- #이미지
- #업종별
- CSS
- #동영상
- #솔루션
- #홈페이지
- #jQuery
- #쇼핑몰
- #CSS
- javascript
- #image
- #홈페이지제작
- #해피CGI
- #뉴스
- happycgi
- 사이트제작
- #happycgi
- #웹솔루션
- 게시판
- 웹솔루션
- 해피CGI
- 쇼핑몰
- 홈페이지
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jquery, Infinitely Scrollable Vertical Menu 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] jquery, Infinitely Scrollable Vertical Menu
해피CGI윤실장 2020. 8. 20. 09:16* Infinitely Scrollable Vertical Menu
메뉴를 반복스크롤 하여 무한으로 보여줄수 있는 기능
* License
MIT LICENSE
* 적용방법
첨부된 압축파일을 해제하여 웹루트 디렉터리에 업로드 합니다
상단에 css 와 script 를 호출합니다
스크롤을 적용할 메뉴부분의 html 및 script 를 작성합니다
적용할 html 문서에 항목이 보이는 영역에 맞는만큼 많은 클론이 필요합니다.
예를 들어, 8 개의 항목이 뷰포트의 높이에 맞으면 8 개의 복제본을 만들어야합니다
(class 의 경우 샘플파일 base.98fd6c19.css 에서 확인이 가능합니다)
웹페이지로 호출하면 아래와 같은 무한 스크롤 메뉴를 확인할 수 있습니다
첨부된 압축파일을 해제하여 샘플파일 index.html 도 참조하시면 도움이 되실겁니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] jQuery 를 이용한 Parallax Effect 플러그인 (0) | 2020.08.25 |
---|---|
[해피CGI][cgimall] jQuery Plugin For Interactive Image Notes - Interactive Image (0) | 2020.08.24 |
[해피CGI][cgimall] jquery, Menu Hover Image Animation (0) | 2020.08.14 |
[해피CGI][cgimall] Animated Search Form With Micro Interactions 반응형 검색박스 (0) | 2020.08.06 |
[해피CGI][cgimall] Flexible Event Calendar In jQuery - evo-calendar (0) | 2020.07.31 |
Comments