如果 dropzone 更多并且具有主体滚动条，则 ngDraggable 无法正常工作

Question

根据这里的演示：http://htmlpreview.github.io/?https://github.com/fatlinesofcode/ngDraggable/blob/master/example.html

目前使用 0.1.11 版本无法拖放。

我的代码实现如下所示：

            <uib-accordion-group is-open="category.open"
                             name="category-{{category.name}}"
                             ng-drop="true"
                             ng-drop-success="vm.onCategoryDropComplete($index, $data)"
                             ng-repeat="category in vm.categories track by $index">
            <uib-accordion-heading>
                <span style="display: none;">{{catIndex = $index}}</span>
                <div class="main-heading" id="category-name-{{catIndex}}"
                     ng-click="vm.toggleOpen($event, false, category);">
                    <span class="drag-and-drop" ng-drag="true" ng-drag-data="category">{{category.categoryName}}</span>
                    <span class="text-muted pull-right glyphicon" id="accordion-123"
                          ng-click="vm.toggleOpen($event, true, category);"
                          ng-class="{'glyphicon-chevron-down': category.open,
                            'glyphicon-chevron-right': !category.open}" aria-hidden="true">
                    </span>
                </div>
            </uib-accordion-heading>
        </uib-accordion-group>

我看到 0.1.12 版本发生了一些变化，需要它的实现示例，而且我无法下载它的抛出错误，因为 0.1.12 版本不可用。

请参考下图： http://htmlpreview.github.io/?https://github.com/fatlinesofcode/ngDraggable/blob/master/example.html

请找到 plunkr link 了解更多信息：http://plnkr.co/edit/BmTkM96CeelEa2Uml5Vz?p=preview

最后无法从上面的 plunker 中删除 Dropzones。

是否有任何替代的快速解决方案可以克服它，或者我是否缺少 ngDraggable 插件本身的可用性

Answer 1

我可以通过添加 ng-drag-scroll verticalScroll="true" 来解决，以便在您的可拖动元素上使用它

这是更新后的 plunkr：http://plnkr.co/edit/IWym7S3T0NwtInQRLjzJ?p=preview

如果 dropzone 更多并且具有主体滚动条，则 ngDraggable 无法正常工作

ngDraggable not working if dropzone is more and has body scrollbar

javascript

jquery

angular

drag-and-drop

ngdraggable