Javascript 在angularjs上使用dragular的移动滚动

我在移动浏览器中滚动时遇到一些问题。页面将显示图像列表，用户可以通过拖放来重新排列图像的顺序，但在滚动页面时出现了一个问题，不是滚动，而是在图像（拖放）操作之间切换位置。这是我的礼物

---

我的问题是，是否可以延迟拖放操作并进行滚动。

我在这里看到三种可能的解决方案。 最简单的方法是在侧面留下一些空白，用户可以在不与物品交互的情况下移动触摸。 更好的解决方案是对项目生成一些处理程序。

---

或者第三种解决方案，您可以像您提到的那样延迟完成更具挑战性的解决方案。这可以通过使用浏览器计时器和控件组合的属性来防止拖动来实现。但是我没有这方面的演示，这将是您的自定义解决方案。

我在这里看到三种可能的解决方案。 最简单的方法是在侧面留下一些空白，用户可以在不与物品交互的情况下移动触摸。 更好的解决方案是对项目生成一些处理程序。

---

或者第三种解决方案，您可以像您提到的那样延迟完成更具挑战性的解决方案。这可以通过使用浏览器计时器和控件组合的属性来防止拖动来实现。但是我没有这个演示，这将是您的自定义解决方案。

我想是的，我会按照您的建议尝试第三种解决方案。Thanks@eusoj，自从我转到另一个项目，我的朋友继续做这个。他似乎使用了Luckylooke推荐的一些空白。仅供参考。到目前为止，这个问题在手机上观看时会出现，但在平板电脑上，它可以正常工作。我想是的，我会按照您的建议尝试第三种解决方案。Thanks@eusoj，自从我转到另一个项目，我的朋友继续做这个。他似乎使用了Luckylooke推荐的一些空白。仅供参考。到目前为止，当在手机上观看时，这个问题会出现，但在平板电脑上，它可以正常工作。

(function() {
  angular
    .module('app', ['dragularModule'])
    .controller('appController', ['$scope', 'dragularService', '$timeout', appController]);

  function appController($scope, dragularService, $timeout) {
    var vm = this;
    vm.items = [{
      content: 'Item 1'
    }, {
      content: 'Item 2'
    }, {
      content: 'Item 3'
    }, {
      content: 'Item 4'
    }, {
      content: 'Item 5'
    }, {
      content: 'Item 6'
    }];

    dragularService('.drag-content', {
      containersModel: vm.items,
      scope: $scope
    });

    $scope.$on('dragulardrag', function(e) {
      $timeout(function() {
        e.stopPropagation();
      }, 2);

    });
    $scope.$on('dragulardrop', function(e) {
      $timeout(function() {
        e.stopPropagation();
      }, 2);
    });
  }
})();