JQuery+JavaScript swipe navigation
페이지 정보
- 작성자후야
- 조회 : 216
- 작성일 : 2022-02-08 01:29
본문
jquery swipe navigation
제이쿼리 스와이프 메뉴-모바일 전용
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
if($(window).width() <= 768){
$(document).on('swiperight', function(e) {
e.preventDefault();
$('.right_wrap').animate({ right : "-320px" },60);
$(".right_wrap").css('z-index', 1);
$(".side_overlay").fadeToggle(200);
});
$(document).on('swipeleft',function(e){
e.preventDefault();
$('.left_wrap').animate({ left : "-320px" },60);
$(".left_wrap").css('z-index', 1);
$(".side_overlay").fadeToggle(200);
});
}
</script>
- 이전글문자열에서 숫자만 추출 2022.02.11
- 다음글datepicker css 변경하기 2022.01.10