Angular Material - mdContent不能正確滾動

我正在使用角度材質創建一個頁面，頂部有一個固定的工具欄，工具欄旁邊有一個md-content。不過，我不能讓工具欄變得粘稠。我讀過多次的文件，它應該是簡單地想：Angular Material - mdContent不能正確滾動

<body layout="column"> 
    <md-toolbar> 
    ... 
    </md-toolbar> 

    <md-content> 
    ... 
    </md-content> 
</body>

和MD-內容應設置爲overflow: auto了。但就像文檔中的第一個示例一樣，即使我將overflow設置爲scroll。它仍然不起作用。

請參閱codepen

來源

2016-08-04 vincentf

設置需要滾動或要不然也不會知道是什麼部分需要的元素滾動你的身高。

<md-content flex="" layout-padding="" style="overflow: auto; height: 200px;">

來源

2016-08-04 01:56:39 Shaggy13spe

它的工作原理，謝謝。但是我怎樣才能讓md-content自動適應瀏覽器的高度呢？ – vincentf

如果你沒有提供div（這是md-content的內容），它將佔用顯示其內容所需的任何高度（即使該內容在屏幕上不可見，因此需要滾動）。如果你沒有設置高度，div會縮小/增大以適應其內部的任何內容。它沒有考慮到在沒有設置其他東西的情況下可以看到多少「屏幕」。您可以使用新的CSS3視口百分比（在大多數現代瀏覽器中支持）儘可能使其變爲動態：https：//www.w3.org/TR/css3-values/#viewport-relative-lengths – Shaggy13spe

Angular Material - mdContent不能正確滾動

回答

相關問題