JQuery自动填充 - 移动设备上的屏幕键盘

Question

我正在建立一个简单的自动完成查找，网页我已经在台式机/笔记本电脑上工作，但是当我在手机/平板电脑上尝试它时，当用户输入搜索查询时，结果列表下方的结果列表存在问题搜索栏被屏幕键盘覆盖。

显示结果时是否有关闭键盘或我必须将搜索栏移动到屏幕顶部并限制显示的结果，以便它们不被屏幕键盘覆盖，这就是我的意思目前正在使用我的自动填充文字字段。

        $('#autoComp').autocomplete({
        source: function( request, response ) {
            $.ajax({
            url : 'ajax.php',
            type: 'POST',
            dataType: "json",
            data:{
                query: request.term
            },
            success: function( data ) {
                if(data.length == 0){               
                    data.push({
                            label: "Name not Found",
                            value: 0
                            });
                    response(data);
                }else{
                     response(
                        $.map( data, function( item ) {
                            var code = item.split("|");
                            return {
                                label: code[0] + " - " + code[1],
                                value: code[0],
                                data : item
                            }
                        })
                        );
                }
            }
            });
        },
        autoFocus: true,            
        minLength: 4,
        select: function( event, ui ) {
            if(ui.item.value == "Name not Found"){
                hideAutoComplete();
                $('#name').val($('#autoComp').val());
                setTimeout(function(){
                    selectParty();
                }, 800);
            }else{
                hideAutoComplete();
                setTimeout(function(){
                    selectParty();
                }, 800);
                var names = ui.item.data.split("|");                        
                $('#name').val(names[0]);
                $('#village').val(names[1]);    
            }
        }           
    });

谢谢