채택완료

모바일 상단메뉴

2022-02-04 (금) 19:31:49 2,133

컨텐츠몰 구매하여 http://demo.marscompany.pw/?device=mobile < 데모사이트

sly 스와이프 메뉴를 쓰고있는데요

https://darsa.in/sly/

아래 스크립트 코드로 동작을 했을때 터치(손) 슬라이드 하였을때 시원하게움직이지 않아 고민입니다.

SIR 모바일홈페이지 상단메뉴처럼 메뉴를 쓸었을때 시원하게 이동하는법이 따로 있을까요?

$(function() {

    var m_start = $('input[name=m_start]').val();

    var m_sub_start = $('input[name=m_sub_start]').val();;

    $('#mobile_nav').sly({

        horizontal: 1,

        itemNav: 'centered',

        smart: 1,

        mouseDragging: 1,

        touchDragging: 1,              

        startAt: m_start,

        speed: 500,

        elasticBounds: 1,

        dragHandle: 1      

    });

    if ($('.m-sub').length) {

        $('#mobile_nav_sub').sly({

            horizontal: 1,

            itemNav: 'basic',

            smart: 1,

            mouseDragging: 1,

            touchDragging: 1,          

            startAt: m_sub_start,

            speed: 500,

            elasticBounds: 1,          

            dragHandle: 1          

        });

    }

    $(window).resize(function() {

        $('#mobile_nav').sly('reload');

        if ($('.m-sub').length)

            $('#mobile_nav_sub').sly('reload');

    });

});

|

답변 1개

채택된 답변
+20 포인트

얼핏 보니, speed: 500, 요게 속도 같은데, 숫자를 더 낮춰서 테스트 해보세요.

답변을 작성하려면 로그인이 필요합니다.