Ngx-drag-scroll: 드래그 스크롤이 모바일 보기에서 작동하지 않음

#20 관련

홍보가 끝났습니다. 코드를 다시 검토하고 새 버전을 푸시하겠습니다. PR 코드에 문제가 있다고 생각되면 언제든지 의견을 보내주십시오. @suresh2018 @nachocoig.

1.3.7이 종료되었습니다. 그래도 문제가 해결되지 않으면 알려주십시오. 환자에게 다시 한 번 감사드립니다.

@bfwg

1.3.6에서는 클릭 취소 오류가 표시되지만 1.3.7에서는 이 오류가 표시되지 않습니다.
이 버전은 또한 모바일에서 작동하지 않는 드래그 스크롤입니다.

미리 감사합니다

작동하지 않음 1.3.7

@suresh2018 그것은 나를 위해 일하고 있습니다. 드래그 스크롤이 데스크탑 보기에서 작동합니까?

데스크탑은 잘 작동하지만 moblie는 아닙니다(iphone 6 plus)

이상합니다. 캐러셀 코드 한 덩어리를 보여 주시겠습니까? 실제 기기에서 사용해 보셨습니까?

* 가로 스크롤 *

div class="hideoverflow" 드래그-스크롤

            img *ngFor="let img of pic.images; let idx = index" [src]="img .Image" 
              class="scroll-images"

          div

터치 장치에서 드래그-스크롤 데모(README.md)를 사용해 보셨습니까?

@라힐

데모 드래그 스크롤이 터치 장치가 작동하지 않음

@suresh2018 @bfwg 내 Ionic 2 프로젝트에서 이 라이브러리를 사용하고 있습니다. Chrome Dev Tools Mobile 에뮬레이터에서 에뮬레이트하면 스크롤이 잘 작동하지만 몇 가지 주요 문제가 있습니다.

1. 드래그-스크롤이 사용되는 화면은 해당 화면의 모든 클릭 이벤트를 비활성화합니다.
   예를 들어

<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col>
        <button ion-button (click)="foo()">Click Me!</button>
        <!-- On mobile view click stops working. If I remove [drag-scroll] it starts working again -->
      </ion-col>
      <ion-col>
        <div drag-scroll>
          <!-- *ngFor let item of items (horizontal scroll) -->
          <button ion-button (click)="someFunc()"></button>
          <!-- also click event don't work in mobile view. Fixes if [drag-scroll] is removed! -->
        </div>
      </ion-col>
      <ion-col>
        <button ion-button (click)="bar()">Click Me Again!</button>
        <!-- On mobile view click stops working. If I remove [drag-scroll] it starts working again -->
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

1. [scrollbar-hidden]="true"는 전체 드래그-스크롤 구성 요소를 화면에서 제거합니다(Ionic 2). "거짓"은 그렇지 않습니다.

안녕하세요, @rahil051

1. v1.3.7에서 실행되지 않는 클릭 이벤트가 수정되었습니다.
2. 고정 속성에 대해 scrollbar-hidden="true" 또는 단순히 scrollbar-hidden 를 작성해야 합니다. 속성을 구성 요소의 변수에 바인딩하려면 대괄호를 사용할 때 [scrollbar-hidden]="flagVariable" 메모를 작성해야 합니다.

자세한 내용은 https://github.com/bfwg/angular2-drag-scroll/blob/master/demo/app/home/home.component.html#L26을 확인

@suresh2018 iPhone 6 Plus에서 터치 문제를 재현하지 못했습니다. 데모 앱에서 테스트 중입니다. 이 저장소를 복제하고 할 수있는 npm install && npm start 포트의 데모 애플리케이션 시동하기 :4200 ? Chrome devtool을 사용하여 작동하는지 확인할 수 있습니다.

안녕하세요 @bfwg님 답변이 늦어서 죄송합니다 (미니휴가중이였습니다 ;D)

Angular 구성 요소 데모를 다시 설치했는데 모바일 버전에서 작동합니다!
나는 또한 그것을 내 앱에 사용하려고 시도했고 역시 작동합니다!

관심을 가져 주셔서 감사합니다!

잘 하셨어요!

안녕하세요 @bfwg 입니다 .

마지막으로, 나는이 문제를 찾습니다.
가로 너비를 설정해야 작동합니다.

감사 해요 ..

안녕하세요 @bfwg 입니다 .
마지막으로, 나는이 문제를 찾습니다.
가로 너비를 설정해야 작동합니다.
감사 해요

당신을 위해 일한 것을 기쁘게 생각합니다. 이제 이 문제를 안전하게 종료할 수 있습니다.

이 문제를 다시 신고해 주셔서 감사합니다!

이봐, 이것은 단연 최고의 ng2 회전 목마 라이브러리입니다! 그런데 모바일에서는 안되는 것 같습니다.

• 데모 앱은 데스크톱과 모바일에서 잘 작동합니다.
• 내 코드는 데스크톱에서만 작동합니다. 드래그는 모바일에서 작동하지 않습니다

가로 너비를 설정해야 작동합니다.

드래그 스크롤, 드래그 스크롤 외부의 래퍼 및 드래그 스크롤 내부의 div(가능한 모든 조합)에서 너비를 100%로 설정했는데 여전히 작동하지 않습니다.

편집하다:
리포지토리를 복제하고 모바일에서 배포 및 테스트했으며 제대로 작동합니다. home.component와 동일한 html과 css를 가지고 있지만 드래그는 데스크탑에서만 작동합니다. 내 프로젝트에 각진 재료가 필요하지 않다고 가정합니다.

@kzntswsk님 , 피드백 감사합니다. https://plnkr.co/에서 간단한 데모를 만들 수 있습니까

@kzntswsk님 , 피드백 감사합니다. https://plnkr.co/에서 간단한 데모를 만들 수 있습니까

나는 또한 이것을 만났다. 지금은 plnkr을 할 수 없지만 scrollbar-hidden="true" 로만 하는 반면 scrollbar-hidden 는 아무 것도 하지 않습니다.

편집 : 나는에 가면 .drag-scroll-content 개발 도구 및 선택 해제 overflow: hidden auto; 그것을 수정하지만 스크롤을 다시 볼 수 있습니다. 따라서 이것은 모바일용 스크롤바를 숨기는 데 사용되는 방법과 관련이 있는 것 같습니다.

문제는 장치 모드의 Chrome 개발자 도구에서 이벤트가 실행되지 않는다는 것입니다.