jquery - ヘッダーの問題を修正 iOS

Question

iOS デバイスに小さな問題があります。固定ヘッダーがありますが、ヘッダーが上にあるときにユーザーが入力リンクをクリックすると下にスクロールすると、キーボードが非表示になるまでヘッダーがその位置で動かなくなります。

キーボードを非表示にするとすぐに、ヘッダーがリセットされます。これは iOS デバイスの既知の問題ですか? また、既知の解決策はありますか?

使いやすさを向上させるために固定ヘッダーを保持したいので、相対にするのは最後のオプションです。

ありがとうございました。

Answer 1

これに対する簡単な解決策を見つけました：

if ( /iPhone|iPod|iPad/i.test(navigator.userAgent) ) {
    $(document).on('focus', 'input, textarea', function()
    {
         $('header').css("position", 'absolute');
         $('footer').css("position", 'absolute');
    });

    $(document).on('blur', 'input, textarea', function()
    {
         $('header').css("position", 'fixed');
         $('footer').css("position", 'fixed');
    });
} 

Answer 2

良い修正と思われる解決策を見つけました。この問題に遭遇する可能性のある人のために、以下のリンクを投稿しました:)

http://dansajin.com/2012/12/07/fix-position-fixed/

乾杯。