角度CDK /拖放允许元素的底层控制和滚动

时间:2020-06-11 15:39:46

标签: angular angular-cdk angular-cdk-drag-drop

使用cdk拖放移动img完全可以。但是,如果我要拖动的div是可滚动的,则cdk拖动将被优先处理,从而导致不可滚动的div。

重要提示:移动! -使用PC滚动(滚动轮)。

<div #draggable
       cdkDrag
       (cdkDragEnded)="dragEnd($event)"
       (cdkDragMoved)="dragMoving($event)"
       [ngClass]="{'active': active, 'next': next}"
       class="nibbl-wrapper">
    <div class="nibbl-container"
         (click)="changeOverlay()">
      <img #image
           *ngIf="nibbl.type === 'png' || nibbl.type === 'jpeg' || nibbl.type === 'jpg'"
           alt="" crossOrigin="anonymous"
           id="{{nibbl.id}}"
           src="{{nibbl.links[0]}}"
      >
      <mat-video *ngIf="nibbl.type === 'mp4'"
                 #video
                 title="{{nibbl.title}}" [autoplay]="false" [preload]="true" [download]="false" spinner="spin"
                 [loop]="true"
                 src="{{nibbl.links[0]}}">
      </mat-video>
    </div>
  </div>

视频的控件,例如音量,无法使用滑块更改,因为拖动会阻止它。

是否有可能在触发拖放之前允许触摸滚动?

0 个答案:

没有答案