$滑動子元素與滾動和滾動停止在AngularJS中工作的衝突

Question

我有一個父元素，我應用了ng-swipe-right和ng-swipe-left。滑動功能運行良好。元素的一個子元素有一些內容溢出，因此滾動會自動應用到它。但現在，在應用滑動功能後，此滾動已停止工作。當我刪除滑動，滾動工作。

你能請指教，我如何讓父元素具有滑動功能，但其子元素溢出的內容也保留其滾動功能。

注意：我沒有使用任何插件來應用滾動功能，它會自動進行滾動。

Answer 1

你的情況需要滾動和滑動事件都可用，我不知道該怎麼做。另請參閱此問題：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指令，但不能在一個我需要滾動。