Поле ввода не фокусируется на щелчке и исчезает за клавиатурой

Question

Я разрабатываю приложение на основе jQuery. Проблема в том, что у меня есть поле ввода, где я нажимаю на него, клавиатуру моего всплывающего окна. Тем не менее, поле по-прежнему находится за клавиатурой, и мне нужно прокрутить экран, чтобы увидеть поле.

В моей HTML страницы я сделал следующее:

<script> 
     $('#div1').click(function() { 
      $('#p2EmpContPer').focus(); 
     }); 
</script> 

<div id= "div1" class="float-right mobile-input-container"> 
    <input id="p2EmpContPer" type="text" class="font14 format-decimal inline-block" value="" /> 
</div> 

То, что я хочу, когда я нажимаю на поле ввода, мне нужна клавиатура для вызова (который уже работает), и приложение будет сосредоточено на поле (которое я не могу выполнить).

Проблема появляется на Blackberry устройства только.

Приложение построено с использованием Кордовы.

Answer 1

Вы могли бы просто сказать, ваш HTML в scrollTop к смещению вашего поля ввода следующим образом:

$('#div1').click(function() { 
    var offsetTop = $('#p2EmpContPer').offset().top; 
    $('#p2EmpContPer').focus(); 
    $('html, body').animate({ 
    scrollTop: offsetTop - 20 
    }); 
}); 

Проверьте Fiddle

Btw .: Я добавил несколько испытаний Div, чтобы ваш код, чтобы сделать эффект более заметен.