Jak utworzyć stałą stopkę w materiale angularjs

Question

To jest mój układ strony.

Obecnie stopka wyświetla się tuż po głównej zawartości. w zależności od wielkości głównej albo stopki wyświetlającej się gdzieś pośrodku ekranu, albo spadającej poniżej wysokości strony.

Chcę ustawić stopkę zawsze u dołu ekranu. i w zależności od wielkości głównej, powinien istnieć zwój w głównej treści.

Czy ktoś może mi pomóc w tej sprawie?

Answer 1

Wystarczy dodać <main flex> i css overflow-y: auto;. Zobacz ten plunker: http://plnkr.co/edit/GQjcrqhwB2T5ohZwC5EL?p=preview

Answer 2

umieść matę-Pasek u dołu strony i kliknąć na poniższy CSS spacer do centrum tekst tak .:

<mat-toolbar color='primary'> 
    <span class='spacer'></span> 
    <h3>© Copyright Angular Apps 2017.</h3> 
    <span class='spacer'></span> 
</mat-toolbar> 

Stosując tę ​​CSS:

.spacer { 
    -webkit-box-flex: 1; 
    -ms-flex: 1 1 auto; 
    flex: 1 1 auto; 
} 

Aby to uzyskać: