2016-11-15 1 views
0

상품 목록이 있습니다. 각 항목에는 삭제 버튼을 표시하는 swipeleft/swiperight 지시문이 있습니다. (iOS 메시지 상호 작용을 생각해보십시오.) 그러나 목록을 스크롤하는 것처럼 나는 스 와이프 (swipeup)로 갈 때 안드로이드 OS로 스크롤하는 것을 얻지 못한다. 디버그를 추가 할 수 있기 때문에 이벤트를 인식 할 수 있습니다. 그러나 스 와이프가 트리거 될 때 응답을 얻지 만 실제로 목록을 스크롤하지는 않습니다. iOS에서는 문제가 없습니다.Angular2, HammerJs, swipeup이 (가) 안드로이드와 작동하지 않습니다.

여기 내가 잘하면 작동하도록 알 수있는 코드가 있지만 안드로이드에는 운이 없다.

export class MyHammerConfig extends HammerGestureConfig { 
    overrides = <any>{ 
     'swipe': {velocity: 0.2, threshold: 10, direction: 31} 
    } 
} 

그냥 슬라이드 이벤트에 기본 hammerjs 지시어를 사용합니다.

<div class='list-item-hidden' *ngFor="let conversation of conversationList" (swipeleft)="openMenu(conversation)" (swiperight)="openMenu(conversation)"> 

안드로이드는 Hammerjs 및 swipeup 이벤트와 다르게 취급해야합니까? 당신이 당신의 DOM 요소에이 CSS를 추가 할 필요가

답변

0

,

touch-action: pan-x pan-y !important; 
관련 문제