相关疑难解决方法(0)

Angular CDK-嵌套可滚动div中滚动和拖动元素的问题

先决条件:嵌套可滚动div中的cdk可拖动元素(请参见示例https://stackblitz.com/edit/angular-7y19nm?file=app/cdk-drag-drop-sorting-example.html

如何复制:开始拖动项目->滚动页面->不滚动时再拖动项目一点

效果:项目占位符停留在错误的位置,基本上不可能将项目拖到视口之外的任何位置。

<div style="height: 100vh; overflow-y: auto">
  <div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
    <div class="example-box" *ngFor="let movie of movies" cdkDrag>{{movie}}</div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript css angular angular-cdk

5
推荐指数
1
解决办法
232
查看次数

标签 统计

angular ×1

angular-cdk ×1

css ×1

html ×1

javascript ×1