角度材质md内容 - 内容未滚动到输入焦点上的正确位置

时间:2016-07-23 08:24:55

标签: angularjs mobile scroll focus angular-material

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

似乎在关注下部屏幕区域中的元素时,屏幕不会滚动到正确的位置,以便查看标签和输入字段。

删除md-content容器,一切都按照接受的方式工作,也开始输入和数据,现在md-content滚动位置再次正常。

也许滚动事件以某种方式被丢弃了?

在UI / UX视角中,这是一个真正的问题,因为用户不了解他所请求的元素并且需要手动滚动内容

为了看到它只是浏览移动设备(在我的情况下为chrome 51 + Android 4.4.2)到默认的角度材质输入演示,并尝试专注于较低级别的输入元素。

https://material.angularjs.org/latest/demo/input

任何想法/解决方法都会非常有用。

1 个答案:

答案 0 :(得分:1)

在回答您的上一条评论时,请参阅此CodePen

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

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