[英]Enable mat-tab scroll without arrows
我願意在 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>
我希望有人可以使用這個:
::ng-deep.mat-tab-header-pagination-controls-enabled
.mat-tab-header-pagination {
display: none !important;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.