相关疑难解决方法(0)

angular cdk 拖放 - 拖动时调整自动滚动速度

更新 11.07.2020

Github 上的问题https://github.com/angular/components/issues/19401

原帖

在列表中向下或向上拖动项目时,是否可以调整滚动速度?在 macOS 上的 Firefox 中,它的行为符合预期,我拖动项目越往下滚动越快。在 Chrome 和 Safari 中,似乎只有一种速度。

对我来说,Chrome 中的行为是最重要的,因为我计划在 ionic 项目中使用拖放。

有人知道滚动是 CDK 中的自定义 javascript 实现还是某些本机浏览器功能?

闪电战

browser autoscroll angular-dragdrop angular angular-cdk

7
推荐指数
1
解决办法
459
查看次数

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
查看次数