웹솔루션개발 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 도 참조하시면 도움이 되실겁니다

 

 

 

홈페이지바로가기

Comments