子元素上的$滑动与滚动冲突，滚动在AngularJS中停止工作

$swipe on child elements conflict with scroll and scroll stops working in AngularJS

本文关键字：滚动 冲突 AngularJS 停止工作 元素      更新时间：2023-09-26

我有一个父元素，我对它应用了ng向右滑动和ng向左滑动。滑动功能运行良好。元素的一个子元素有一些溢出的内容，因此滚动会自动应用到它。但现在，在我应用了滑动功能后，这个滚动已经停止工作了。当我取消滑动时，滚动会起作用。

你能给我建议吗，我如何让父元素具有滑动功能，但它的子元素也有溢出的内容，以保留滚动功能。

注意：我没有使用任何插件来应用滚动功能，它会自动滚动。

您的案例需要同时提供滚动和滑动事件，我不知道如何做到这一点。另请参阅此问题：取消在子上向右滑动

如果其他不需要这两个事件的人看到了这一点：在我的用例中，用户可以滑动或滚动，这取决于他们是否点击了图库图像。所以我可以做以下事情：

<!-- 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指令，而不是在我需要滚动的元素上。

相关文章：