如何在Angular 8中通过DragAndDrop使用滚动条

npm install @angular/cdk @angular/material

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { DragDropModule } from '@angular/cdk/drag-drop';
import { ScrollingModule } from '@angular/cdk/scrolling';
import { MatListModule } from '@angular/material/list';
import { MatIconModule } from '@angular/material/icon';

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    DragDropModule,
    ScrollingModule,
    MatListModule,
    MatIconModule
  ]
})
export class YourModule { }

<div cdkDropList (cdkDropListDropped)="onDrop($event)" class="example-list" cdkDropListSortingDisabled="true" [cdkDropListData]="items">
  <mat-list-item *ngFor="let item of items" cdkDrag>
    {{item}}
  </mat-list-item>
</div>

import { Component } from '@angular/core';
import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  items = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];

  onDrop(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.items, event.previousIndex, event.currentIndex);
  }
}