input textbox hidden behind keyboard on android Chrome

Question

I have a mobile web page of the following format:

header - logo etc - absolute positioned

content - scrollable, absolute positioned

footer, 40px abs

Answer 1

I used scrollIntoView to solve this issue.

$(document).on('focus', selector, function() {
    document.querySelector(selector).scrollIntoView();
});