Jquery 如何在mozilla中拖动uibmodal时临时停止滚动事件？

这是我正在使用的指令 多亏了这里的解决方案-

模态：

$uibModal.open({
                    templateUrl: 'app/views/signs.html',
                    controller: function ($scope, $uibModalInstance, urls){
                        $scope.urls = urls;
                        $scope.close = function(){
                            $uibModalInstance.dismiss('cancel');
                        };
                    },
                    windowClass: 'windowClassCSS',
                    backdrop: 'true',
                    resolve: {
                        urls: function () {
                            return home.getUs();
                        },
                        signGroup: function(){
                            return home.getG();
                        },
                    }
                });





angular.module('myapp').directive('draggable', function ($document) {
    "use strict";
    return function (scope, element) {
        var startX = 0,
            startY = 0,
            x = 0,
            y = 0;
        element= angular.element(document.getElementsByClassName("modal-dialog"));

        element.on('mousedown', function (event) {
            // Prevent default dragging of selected content
            event.preventDefault();
            startX = event.screenX - x;
            startY = event.screenY - y;
            $document.on('mousemove', mousemove);
            $document.on('mouseup', mouseup);
        });

        function mousemove(event) {
            y = event.screenY - startY;
            x = event.screenX - startX;
            element.css({
                top: y + 'px',
                left: x + 'px'
            });
        }

        function mouseup() {
            $document.unbind('mousemove', mousemove);
            $document.unbind('mouseup', mouseup);
        }
    };
});

这是我的模态html-

  <div id="signsModal" draggable="true">
    <div class="modal-header">
        <h4 class="modal-title">title</h4>
    </div>

    <div class="col-md-12 row no-select gallery">
        <div ng-repeat="url in types">
            <div class= "gallery-item col-md-3">
                <img class="galleryimg no-select" ng-src="{{url.img}}">
            </div>
        </div>
    </div>
</div>

这对我来说很有效，因为我能够拖动模态

我在mozilla上有这个问题- 模态也有一个滚动条，当我上下移动滚动条时，模态开始被拖动，而不是滚动条上下滚动模态。只有当我单击上下箭头时，滚动条才会工作

---

如何在模式中取消滚动条上的模式拖动运动？

只是想了解与您的问题相关的想法：刚刚编辑了我的问题。我能够实现拖动部分，但它有一个问题。请重读我的问题。谢谢看我进一步完善了这个问题。任何帮助都将不胜感激。只是为了一个与您的问题相关的想法：刚刚编辑了我的问题。我能够实现拖动部分，但它有一个问题。请重读我的问题。谢谢看我进一步完善了这个问题。任何帮助都将不胜感激。

 .modal-backdrop.in {
      display: none;
    }
div.windowClassCSS .modal-content {
  overflow: auto;
  width: 100%;
  max-width: 100%;
  height : 15vh;
}

div.windowClassCSS .modal-dialog {
  overflow: scroll;
  position: relative;
  cursor: move;
  margin-right: 0px;
  width: max-content;
  background-color: grey;
}
    div.windowClassCSS .modal-content {
      overflow: auto;
      width: max-content;
      max-width: 100%;
      height : 35vh;
    }

div.windowClassCSS .gallery-item {
  height: 25vh;
  border: 1px transparent;
}


div.windowClassCSS .gallery-img-review-modal {
  height: 100%;
  width: 100%;
  display : block;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid red;
}