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

[해피CGI][cgimall] High-performance Swiper In jQuery - SwipeScroll 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] High-performance Swiper In jQuery - SwipeScroll

해피CGI윤실장 2020. 5. 26. 09:05

태블릿 및 모바일 장치에서 스와이프 이벤트를 이용해서 스크롤 할수 있는 jquery 스위퍼 플러그인입니다.

다운로드 받은 압축파일을 해제해서
examples/index.html
examples/carousel-css3.html

두개의 파일을 웹브라우저로 열어보면 확인이 가능합니다.

 

 

 

모바일이나 태블릿에서 스와이프 이벤트를 이용해서
컨텐츠를 상,하,좌,우 스크롤링 할때 적당합니다.


이런 화면을 제작하는 방법이
일단 많은 컨텐츠를 먼저 만들어야 해서,
조금은 까다로운 편인거 같네요.



특이사항으로는

 

 

swipescroll 을 생성할 때 지정할 수 있는 몇가지 옵션이 있습니다.

그 외에는

 

스와이프 이벤트중과, 이벤트의 헨들러가 있네요

태블릿이나,
모바일 기기에서 많은 컨텐츠를 표시해야 할 때 유용해 보입니다.

홈페이지바로가기

Comments