[Angular Material] 如何解決在mat-tab內部出現的小上下捲動條scrollbar。使用dynamicHeight

-


有時會出現這個狀況
外部scrollbar以外，內部的tab也會出現scrollbar
造成操作的卡頓和不直覺





解決方法：


在
<mat-tab-group mat-stretch-tabs >
中加上

dynamicHeight 

 變成
<mat-tab-group mat-stretch-tabs dynamicHeight>

這樣就能解決了




引用stockoverflow

https://stackoverflow.com/questions/53778677/how-to-remove-scrollbar-from-mat-tab-or-mat-card-angular-material



Problem Solved: Just add dynamicHeight to <mat-tab-group>




























留言

張貼留言

這個網誌中的熱門文章

[Angular] 閒置登出作法

-
app.componemt.ts 偵測事件    //  如自動登出功能有bug 則停用以下--------    @ HostListener ( ' window:keyup ' ,  [])    @ HostListener ( ' window:click ' ,  [])    @ HostListener ( ' window:wheel ' ,  [])    @ HostListener ( ' window:mousemove ' ,  [])    resetTimer ()   {      this . authService . notifyUserAction () ;    } authService export   class   AuthService   {    isLoggedIn   =   false ;    //  ! 閒置登出時間請更改這參數的數字    endtimeSet   =   30 ;    //  這邊讓單位變成分鐘秒    endTime   =   this . endtimeSet   *   60 ;    //  store the URL so we can redirect after logging in    redirectUrl :   string ;    constructor ( private   router :   Router )   {}    //  偵...
閱讀完整內容

[JavaScript] 將array object 根據值重新 js format的作法

-
  黑魔法解法      let   arr   =  [        {   a :   1 ,   b :   1   },        {   a :   1 ,   b :   2   },        {   a :   2 ,   b :   1   },        {   a :   2 ,   b :   2   },        {   a :   2 ,   b :   3   },        {   a :   3 ,   b :   1   },        {   a :   3 ,   b :   2   },        {   a :   3 ,   b :   3   },        {   a :   3 ,   b :   4   },     ] ;     let   group   =   this . KycOptionObj . reduce ( (...
閱讀完整內容