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不能正确滚动

回答

相关问题