javascript - 我们可以控制垫子抽屉切换速度吗？

Question

这是我的代码，我只是前端世界的初学者，所以请帮助我解决打开和关闭侧边栏的延迟问题。

<mat-drawer-container autosize>
  <mat-drawer #drawer mode="side" [opened]="isShowing" (mouseout)="toggle()">
    <mat-nav-list>
      <div>
        <div>
          <a mat-list-item class="panel-list-item">
            Marketplace
          </a>
        </div>
      </div>
    </mat-nav-list>
  </mat-drawer>
  </mat-drawer-container>

Answer 1

是的，您可以使用 animationDuration 属性控制 mat-drawer 切换动画的速度。默认情况下，持续时间设置为250ms。您可以将持续时间设置为不同的值(以毫秒为单位)，如下所示:

<mat-drawer-container autosize>
  <mat-drawer #drawer mode="side" [opened]="isShowing" (mouseout)="toggle()" animationDuration="500">
    <mat-nav-list>
      <div>
        <div>
          <a mat-list-item class="panel-list-item">
            Marketplace
          </a>
        </div>
      </div>
    </mat-nav-list>
  </mat-drawer>
</mat-drawer-container>