фокусировка на элемент ввода на мобильном телефоне, когда клавиатура всплывает

Question

Я хочу прокрутить страницу / форму для фокусировки, когда пользователь нажимает на поле ввода, и клавиатура выскакивает, чтобы показать это поле ввода в текущем представлении.

Я пробую эти два решения, но ни одно из них не работает:

$('input[type="text"]').on('focus', function() {
    document.body.scrollTop += this.getBoundingClientRect().top - 10
});

и

$('input[type="text"]').blur(function() {
    $(window).scrollTop(0,0);
});

как я могу это сделать? почему ничего из этого не работает?

Answer 1

.scrollTop () является методом и принимает только одно значение.

Ваш первый пример неверен, так как вы не можете использовать + =, чтобы добавить к нему. Вам нужно будет передать ему вертикальное значение, например .scrollTop (0).

Ваш второй пример неверен, поскольку вы даете ему два значения. Я думаю, что вы путаетесь с .scrollTo (0,0) вместо scrollTop ().

https://api.jquery.com/scrollTop/

Пример (не тестировался):

$('input[type="text"]').on('focus', function() {
  $(window).scrollTop(this.getBoundingClientRect().top - 10);
});