Android - 入力ボックスをカバーするキーボード - Chromeブラウザの場合

Question

ソフトキーボードが表示されたときにウィンドウコンテンツをバンプアップするHTML5 CSS/jsソリューションはありますか？

たとえば、アンドロイドデバイスにduckduckgo.comを開いて入力フィールドにテキストを入力すると、ソフトキーボードが表示されたときに入力ボックスをカバーしないように内容が上がってしまいます。

これをshouttag.comと比較すると、キーボードは入力ボックスの半分をカバーしています。

これはGoogleのwebviewネイティブアプリで発生しますが、クロムを使用してサイトを表示しているときにも発生します。

アップデート1：fullpage.js APIは多くを掘り、犯人かもしれないよう

が見えます。

Answer 1

ここで私は問題を解決しました。明らかにhtmlアンカーは私の縫い目に固有のものなので、必要に応じて変更することができます。重要なものはフォーカス/ぼやけた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(); 
});