ウェブサイトモバイルデバイスのランディングページ、キーボードの問題

Question

私は今作成したリンク先ページに小さな問題があります。デスクトップブラウザではうまくいきますが、モバイルデバイスでは、通知フィールドに電子メールを入力しようとするとキーボードが半秒間ポップアップして消えます。助言がありますか？

ウェブサイト：www.imgr8.com

Answer 1

それは暗闇の中でのショットですが、ページの下部に絶対的な位置を持っているp.copyrightタグが干渉することができることのチャンスは何ですか？その要素を完全に削除するとどうなりますか？

onfocus="this.placeholder = ''" 

のような何か他のものとの上記の変更：問題原因

Answer 2

あなたのこのライン

input:focus::-webkit-input-placeholder { color:transparent; } 
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ 
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ 
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ 

はそれに役立つことを願っています。

Answer 3

あなたが持っているサイズ変更イベントと関係があります。キーボードが画面に表示されると起動します。

$(window).resize(function(){ 
    toggleMs(); // Checking to destroy or build when we resize browser 
}); 

ブラウザウィンドウでこれをデモできます。モバイルのように小さく、ページを更新するようにウィンドウのサイズを変更します。テキスト入力をクリックし、画面の下部からサイズを変更すると、入力にカーソルが集中していないことがわかります。