如何解决启用无箭头的 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 举报,一经查实,本站将立刻删除。