使用 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>
此外,视频的控制,例如音量,不能用滑块改变,因为拖动有点阻挡它。
在触发拖放之前是否有可能允许触摸滚动?