在聚焦字段时转换视口

时间:2012-11-12 16:40:54

标签: ios sencha-touch-2 transform

我正在使用Sencha Touch 2应用程序,我有一个非常类似的视图:

enter image description here

当点击该字段时,键盘会与视口一起向上移动,以便将字段置于可用空间的中心位置。

现在我想做的是在点击字段时将视口翻译下来,这样用户仍然可以完全看到图片。

我所做的是创建一个包含以下内容的CSS类:

@include transform(translate(0, 55px));

然后,当字段聚焦时,我将此类添加到视口中。

即使将类正确添加到视口中,它也不会将视图向下转换。 此外,如果我在显示键盘后直接在控制台中执行此操作,那么它可以正常工作。

是否有人知道为什么它在focus事件被解除后立即添加的类不起作用?

1 个答案:

答案 0 :(得分:3)

操作系统优先于您在第一种情况下尝试的任何操作...您的翻译可能适用,之后操作系统(WebView)将屏幕置于文本框的中心......

因为在第二种情况下,您在操作系统完成其操作后进行翻译,屏幕会被翻译...希望这些答案有所帮助...