Как заставить активный input оказаться над клавиатурой?

Question

[GirlInIT]

На странице есть несколько полей для ввода. Когда нажимаешь на одно из них (особенно если оно не первое) открывается клавиатура, которая перекрывает поля и приходится вводить вслепую. Как сделать так, чтобы активный input встал ровно над клавиатурой?
P.s. У ios вроде это происходит на автомате, а вот у android проблемы с этим.

Answer 1

[Кирилл]

Думал об этом, но на практике придуманное решение еще не использовал:
При фокусе на инпуте отскроливать страницу что-бы активный инпут становился вверху страницы.
Зайдите с телефона на яндекс и нажмите на инпут, на пример.

Comments

[devstudent]

++ идеальный вариант

[GirlInIT]

Дело еще в том, что сама страница не скролится (контент влезает на экран полностью), и когда клавиатура всплывает, то она делает это поверх страницы и следовательно скролить нечего.

[devstudent]

ну не в прямом смысле скроллить, сдвигать позицию элемента на самом деле

[Кирилл Туровников]

GirlInIT: если контент влезает на страницу, то в зависимости от dpi добавлять в конце пустое пространство приблизительно равное высоте клавиатуры (когда фокус на инпуте) и скролить :)

Answer 2

[xtala zen]

Проблемы скорее всего не у андроида, а это особенности браузера которым вы пользуетесь. Возможно поможеи якорная ссылка.

Comments

[GirlInIT]

Это происходит в Chrome, FireFox и в стандартном браузере андроида...

[xtala zen]

GirlInIT: задача состоит в том, чтобы перематывать страницу на верх при активации поля ввода. Посмотрите в сторону якорных ссылок, если не поможет, то javascript точно решит эту проблему.