angular material 垂直位置问题

angular material vertical position issue

我目前拥有的是:

如图所示,中间的 md-card 低于 md-toolbar

向下滚动时出现类似问题。

我注意到如果我删除 1000x400 图像,那么位置就很好,因为 y 轴没有溢出。

该问题仅在溢出期间出现。

Note: the centered md-card exists inside a ui-view, if that makes any difference.

编辑:添加了this codepen来演示问题。向下滚动时请注意灰色背景。

定位问题的初步修复通过 ui-view 标签的布局="row" 解决。

最下面的grey background不一致是通过简单地在body里面加一个包裹div解决的,把所有的内容都包裹在里面,我很快就会post一个codepen演示问题及其解决方案。

编辑codepen描述解决方案