2

ng-swipe-right と ng-swipe-left を適用した親要素があります。スワイプ機能はうまく機能します。要素の子要素の 1 つにオーバーフローするコンテンツがあるため、スクロールが自動的に適用されます。しかし、スワイプ機能を適用した後、このスクロールは機能しなくなりました。スワイプを外すと、スクロールが機能します。

親要素にスワイプ機能を持たせる方法と、オーバーフローするコンテンツを持つ子要素にスクロール機能を保持させる方法について、アドバイスをお願いします。

注: スクロール機能を適用するためのプラグインは使用していません。自動的にスクロールします。

4

1 に答える 1

0

あなたのケースでは、スクロールとスワイプの両方のイベントを利用できる必要がありますが、その方法がわかりませんでした。この質問も参照してください: Cancel ng-swipe-right on child

両方のイベントを必要としない他の誰かがこれを見た場合: 私の使用例では、ギャラリー画像をタップしたかどうかに応じて、ユーザーはスワイプまたはスクロールできます。だから私は次のことができます：

<!-- Fit image to page -->
<div class="gallery-content fit-to-page" ng-if="vm.fitToPage"
     ng-swipe-right="vm.showPreviousSlide()" ng-swipe-left="vm.showNextSlide()">
  <img ng-src="{{vm.currentSlide.url}}" ng-click="vm.fitToPage = false" />
</div>

<!-- Natural image size -->
<div class="gallery-content natural-size" ng-if="!vm.fitToPage">
  <img ng-src="{{vm.currentSlide.url}}" ng-click="vm.fitToPage = true" />
</div>

したがって、ng-swipeスワイプが必要な要素でディレクティブを使用しますが、スクロールする必要がある要素ではディレクティブを使用しません。

于 2016-06-14T13:42:30.323 に答える