ios - 聚焦字段时平移视口(viewport)

标签 ios sencha-touch-2 transform

我正在开发一个 Sencha Touch 2 应用程序,我有一个非常像这样的 View :

enter image description here

当该字段被点击时,键盘和视口(viewport)都会上升,以便在剩余的可用空间中将字段居中。

现在我想做的是在点击该字段时向下平移视口(viewport),以便用户仍然可以完整地看到图片。

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

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

然后当字段聚焦时,我将这个类添加到视口(viewport)。

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

有谁知道为什么它在 focus 之后添加的类不起作用事件被触发?

最佳答案

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

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

关于ios - 聚焦字段时平移视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13347697/

相关文章:

c++ - 使用带有转换的模板

iphone - 如何避免 Objective C 中的循环调用?

ios - 获取UITextField安全文本的宽度

ios - 如何在 Storyboard 中查看自定义 UIView 的轮廓?

sencha-touch - 如何在 sencha touch 中将图像从商店动态绑定(bind)到轮播

javascript - 如何在不与旧样式重叠的情况下使用 JS 添加样式?

objective-c - 设置单元格选择的背景 View 删除背景 View

javascript - Sencha 触摸 2 : Passing data from controller to a view

sencha-touch-2 - 在 Sencha touch 2 如何启用浏览器滚动条

css - rotateY 过渡的原点错位