更新 11.07.2020
Github 上的问题https://github.com/angular/components/issues/19401
原帖
在列表中向下或向上拖动项目时,是否可以调整滚动速度?在 macOS 上的 Firefox 中,它的行为符合预期,我拖动项目越往下滚动越快。在 Chrome 和 Safari 中,似乎只有一种速度。
对我来说,Chrome 中的行为是最重要的,因为我计划在 ionic 项目中使用拖放。
有人知道滚动是 CDK 中的自定义 javascript 实现还是某些本机浏览器功能?
先决条件:嵌套可滚动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)