0

第一次在这里问问题,但我知道这里积累了很多知识,我希望有人能帮助我。

问题:在 iPad 上使用 HTML5 的 Cordova 应用程序中,我在父 div 内的水平布局中的多个 div 上有输入框。根据父级的 TranslateX,不同的 div 会滚动到可视区域中(如果您愿意,可以使用面板的全景图)

在第一页输入框和文本区域工作正常。轻按它会给它焦点,你会看到一个插入符号。如果需要,该元素会滚动到键盘上方的可视空间中。

但是,一旦父元素的 TranslateX 发生变化,点击输入框或文本区域就不再显示插入符号,也不会导致元素滚动到视图中。

不用说,这在以前的 iOS 版本上不是问题。

任何有线索、指针、相同经验的人都会非常有帮助,这是我第一次完全不知道如何解决这个问题。

谢谢你和亲切的问候。

4

2 回答 2

0

更新至 iOS 13.2 后已修复

于 2019-10-30T07:39:21.117 回答
0

我发现使用 left: *px; 作为一种解决方法 可以替换transform: translateX(*px); 并且插入符号将再次显示,如果需要,元素将获得焦点并再次自动滚动到键盘上方。但是请注意 left - 与 transform:translate 不同,它不是由图形处理器呈现,而是由软件呈现,用户体验可能会受到影响。在解决之前,它可能是一个很好的解决方法。

于 2019-09-26T14:19:18.073 回答