Android - панель ввода покрытия клавиатуры - даже в браузере Chrome

Question

Есть ли решение HTML5 css/js, чтобы поднять содержимое окна при появлении мягкой клавиатуры?

Например, если вы открываете duckduckgo.com на устройстве Android и вводите текст в поле ввода, когда появляется мягкая клавиатура, она помещает содержимое вверх, чтобы оно не закрывало поле ввода.

Сравните это с shouttag.com, где клавиатура закрывает половину поля ввода.

Это происходит в нашем родном приложении для веб-просмотра, но это также происходит при просмотре сайта через хром.

Update 1:

Похоже, fullpage.js апи может быть виновником, рытье больше.

Answer 1

Хорошо, вот как я исправил проблему, очевидно, html-анкеры специфичны для моего строчка, поэтому вы можете по мере необходимости изменять, важный материал находится в фокусе/размытии anon fxs.

var $fpContainerWrap = jQuery('.home-wrap .fp-tableCell div'); 
var $homeWrap   = jQuery('.home-wrap'); 

var topOffsetRaw = $fpContainerWrap.offset().top - jQuery(window).scrollTop(); 

var topOffset = '-' + (topOffsetRaw * 1.5) + 'px'; 

$('input').focus(function() { 

    $("#menu").animate({ top:topOffset }, "fast"); 
    $homeWrap.animate({ top:topOffset }, "fast"); 
    $('#section-changer').hide(); 
}); 

$('input').blur(function() { 

    $("#menu").animate({ top:0 }, "fast"); 
    $homeWrap.animate({ top:0 }, "fast"); 
    $('#section-changer').show(); 
});