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指令，而不是我需要滚动的那个。

$换入子元素与滚动和滚动停止在AngularJS中停止工作

1 个答案: