iScroll에서 드래그 이벤트를 비활성화하려면 어떻게합니까?

Question

iScroll의 구조는 요구 사항, iscroll #navigation_scroller이 .left_arrow 또는 .right_arrow을 클릭하는 것입니다 스크롤 할 수있는 유일한 방법을 드래그 해제하고, 지금이 "

<div class="navigation"> 
     <div class="left_arrow"> 
      <img class="img_left" src="images/a_right.png"> 
     </div> 
     <div id="navigation_scroller"> 
      <ul id="navigation_list"> 
       <li><a href="house_disposition.htm"></a></li> 
       <li><a href="house_disposition.htm"></a></li> 
       <li><a href="house_disposition.htm"></a></li> 
       <li><a href="house_disposition.htm"></a></li> 
       <li><a href="house_disposition.htm"></a></li> 
       <li><a href="house_disposition.htm"></a></li> 
       <li><a href="house_disposition.htm"></a></li> 
      <ul> 
     </div> 
     <div class="right_arrow"> 
      <img class="img_left" src="images/a_right.png"> 
     </div> 
    </div> 

입니다.

그리고 iscroll에서 볼 수 <li>에서 <li> 5보다 작은 경우 대부분 5

, 그냥 #navigation_scroller을 스크롤 할 수있는 모든 방법을 해제했다.

가 5보다 큰 경우

, 그냥 두 가지 문제가 있습니다 클릭 .left_arrow/right_arrow

---

에 의해 하나 올바른 /를 <li> 왼쪽으로 이동, 드래그 iscroll을 사용하지 않도록 설정합니다.

1. 어떻게 iscroll에 드래그를 해제하는 방법? 이것에 대해 아무 것도 발견하지 못했습니다. 을 하나씩 스크롤하는 방법은 무엇입니까?

2. scrollToElement 방법으로 전화 할 수 있습니까?

3. disableMouse에게
4. disablePointer
5. disableTouch

당신을

• 의 mouseWheel :

Answer 1

문서는 몇 가지를 나열하지 않지만, iScroll의 V5.1.1이 같은 추가 옵션이 있습니다 그들 모두를 false/true로 설정할 수 있고 상호 작용하지 않을 수 있습니다. 마우스와 이온, 터치 패드 우리의 감동 스크린은 처리되지 않을 것입니다.

• 다음()
• 이전()

이상

• goToPage (X, Y :
  는 이러한 방법을 사용할 수 있습니다, 화살표로 슬라이드를 변경하려면)

페이지 사이를 슬라이드하려면 페이지로 설명하는 요소와 일치하도록 스냅 옵션을 설정해야합니다. 귀하의 경우 옵션은 다음과 같이 수 :

var options = { 
    snap: 'li', // your page selector 
    snapThreshold: 0.1, 
    mouseWheel: false, 
    disableMouse: true, 
    disablePointer: true, 
    disableTouch: true 
}; 

var scroll = new IScroll('#navigation_scroller', options); 

지금 바로 따라 scroller.goToPage(x, y)를 호출하는 화살표의 이벤트를 연결합니다. X와 Y는 "페이지 번호"를 나타냅니다 (귀하의 경우 <li> 주문 번호). 현재 페이지 위치를 얻으려면 scroller.currentPage.pageY 또는 scroller.currentPage.pageX을 적절하게 읽어야합니다.

이렇게하면 원하는 동작을 얻을 수 있습니다.