启用无箭头的 mat-tab 滚动

问题描述

我愿意在像 Google 页面这样的移动设备上重现用手指滚动的标签：

但是使用 mat-tab (Material Design & Angular)，我有两个箭头显示：

我设法用 disablePagination = true 删除了箭头，但是用手指滚动不起作用：

有没有人有办法让它发挥作用？

代码：

<mat-tab-group>
  <mat-tab label="First"> Content 1 </mat-tab>
  <mat-tab label="Second"> Content 2 </mat-tab>
  <mat-tab label="Third"> Content 3 </mat-tab>
  <mat-tab label="Fourth"> Content 4 </mat-tab>
  <mat-tab label="Fifth"> Content 5 </mat-tab>
  <mat-tab label="Sixth"> Content 6 </mat-tab>
  <mat-tab label="Seventh"> Content 7 </mat-tab>
  <mat-tab label="Eight"> Content 8 </mat-tab>
  <mat-tab label="Nineth"> Content 9 </mat-tab>
  <mat-tab label="Tenth"> Content 10 </mat-tab>
  <mat-tab label="Eleventh"> Content 11 </mat-tab>
  <mat-tab label="Twelves"> Content 12 </mat-tab>
  <mat-tab label="Thirteenth"> Content 13 </mat-tab>
  <mat-tab label="Forteenth"> Content 14 </mat-tab>
</mat-tab-group>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）