iOS:CHROME:打开键盘时键盘未将其向上推

时间:2019-02-04 11:00:30

标签: html ios css iphone google-chrome

测试设备:iphone 6 IOS 12.0.1 Chrome:72.0.3

键盘打开时并未向上推视图,而是覆盖了部分屏幕。我在页面底部有一个输入(是聊天,底部也是输入),该输入与键盘重叠。我尝试使用Browserstack测试此错误,但是在这里工作正常,所以我想这是版本问题。是否存在已知的错误或强制键盘将视图向上推的方法?

示例是Browserstack enter image description here

测试设备中的示例: enter image description here

2 个答案:

答案 0 :(得分:0)

我们在我们的网站上遇到了同样的问题(带有Chrome的iOS无法将键盘向上推,因此物品被它覆盖了),看来很难重置我们的iPhone为我们成功了。希望它也对你们有帮助:)

答案 1 :(得分:0)

尝试一下:

var devicePlatform = cordova.platformId;
if (devicePlatform == "android" || devicePlatform == "iOS" || devicePlatform == "ios") {
    /* cache dom references */ 
    var $body = $('body'); 

    /* bind events */
    $(document)
    .on('focus', 'input', function() {
        $body.addClass('fixfixed');
    })
    .on('blur', 'input', function() {
            $body.removeClass('fixfixed');
    })
}

CSS:

.urClass { position: fixed;} .fixfixed .urClass { position: static; }