モバイルウェブサイトでは、固定位置にある私のフッターですが、
しかし、フォーム(入力フィールド)でiPhone 4をクリックするたびに、iPhoneのキーボードが開き、この時間にフッターが固定されません。キーボードを閉じるときは、すべてうまくいきます。
キーボードが開いている場合にのみ、フッターがコンテンツとともにスクロール可能です。理由がわかりません。
これが私のCSSコードです
.bgfooter{
left: 0;
position: fixed!important;
right: 0;
top: 0!important;
width: 100%;
z-index: -1!important;
bottom: 0;
background:url('../images/background.png') no-repeat 0 0 !important;
}
私のHTMLコード
...
<div data-role="content">....</div>
<div class="bgfooter" data-position="fixed" data-role="footer" >.... </div>