phonegap ios在虚拟键盘上固定输入字段

时间:2015-04-30 13:21:48

标签: jquery ios cordova jquery-mobile phonegap-plugins

使用jquery Mobile创建一个phonegap应用程序。在我的应用程序中,一个固定的输入字段出现在虚拟键盘的顶部,这在android中运行良好,但在IOS中,当虚拟键盘出现时它无法正常工作。

我的问题小于此 IOS Fixed footer toolbar breaks on virtual keyboard

JS

header_height = $('.main-header').height();
footer_height = $('.footer').height();
footer_input_height = $('.fixed_bottom').height();

$('.fixed_bottom').css('bottom',footer_height+'px');
$('#messages .ui-panel-wrapper').css('padding-bottom','inherit');

$("input, textarea").blur(function() {
    $("[data-role=footer]").show('','',function(){
        $('#messages').css('padding-bottom',footer_height+'px');
        $('#messages .ui-panel-wrapper').css('padding-bottom','inherit');
        $('.fixed_bottom').css('bottom',footer_height+'px');
    });
});
$("input, textarea").focus(function() {
    $("[data-role=footer]").hide('','',function(){
        $('#messages').css('padding-bottom','0px');
        $('#messages .ui-panel-wrapper').css('padding-bottom','0px');
        $('.fixed_bottom').css('bottom','0px');                 
    });
})

CSS

#messages .fixed {
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
    display: block;
}
#messages .fixed_bottom {
    bottom: 0px;
}

在android android

中的屏幕截图

Iphone Iphone

中的屏幕截图

0 个答案:

没有答案