Angular Material md-Tab Scrolling Inhalt

Question

Ich versuche, einen rollbaren Inhalt mit overflow-y: scroll CSS-Stil in einer md-Register zu setzen, aber es funktioniert nicht Die Scrollbar angezeigt wird, aber es ist nicht

aktiviert ich aktivieren, damit Sie mit einem Befestigungs Höhe, aber ich möchte, dass es die Höhe Inhalt dynamisch passt

Wie kann ich dieses Problem lösen?

Answer 1

Ich vermute, Sie versuchen, die Registerkarte Header aus dem scrollbaren Bereich zu halten und den Inhalt der Registerkarte nur scrollbar machen. Wenn dies der Fall ist, können Sie die Höhe des Tab-Contents mit vh festlegen. Dadurch bleiben die Registerkartenbeschriftungen sichtbar und die Höhe wird dynamisch und der Inhalt kann gescrollt werden.

css:

>>> .mat-tab-body-content { 
    height: 90vh !important; 
} 

demo

Wenn dies nicht das, was Sie suchen, erklären Sie bitte die Frage wenig weiter oder einen Code hinzufügen.