Angular material md-content - 内容没有滚动到输入焦点上的正确位置

Question

我们在实现 md-toolbar 和 md-content 结构时遇到了一个奇怪而烦人的问题。

当关注屏幕下方区域的元素时，屏幕似乎没有滚动到正确的位置以查看标签和输入字段。

删除 md-content 容器，一切正常，也开始输入和数据，现在 md-content 滚动位置再次正常。

也许滚动事件不知何故被丢弃了？

从 UI/UX 的角度来看，这是一个真正的问题，因为用户不明白他在请求的元素上并且需要手动滚动内容

为了看到它只需在移动设备中浏览（chrome 51 + Android 4.4.2 在我的例子中）到默认的 angular material 输入演示并尝试关注在较低级别的输入元素上。

任何想法/解决方法都会很有帮助。

Answer 1

在回答您最后的评论时，请参阅此 CodePen

正如我在第一条评论中提到的，md-content 可以在需要时替换为 div。粘性 md-toolbar 是通过

实现的

<div style="overflow-y:auto" flex>

Angular material md-content - content not scrolling to proper position on input focus