主にChromeとFFのデスクトップブラウザー（およびタブレット）で実行されるJQuery Mobile（1.3.1）アプリがあります。
メイン ページは、ヘッダー、フッター、複数行の入力データ (スプレッドシートのようなもの) で構成されます。
ヘッダーとフッターの両方をそれぞれ次のように定義しています。
<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" >
<div data-role="footer" data-position="fixed" data-tap-toggle="false" >
ただし、入力要素をクリックするとすぐに、ページをどれだけ下にスクロールしたかに応じて、ヘッダーまたはフッター、またはその両方が非表示になります。
入力要素をクリックするとすぐに、ヘッダーやフッターが返されます。
ほとんどの場合、カーソルはこのページの入力要素にあるため、ヘッダーとフッターをそのままにしておきたいのですが、それを実現する方法が見つかりません。
誰でも助けることができますか？