テキストボックスがフォーカスされているのに、固定フッターの後ろに隠れているという問題があります。通常、表示可能領域の外側にあるフォーカスされた要素は、ブラウザーによってスクロールされて表示されます。固定フッターを、実際に表示可能な領域を減らすことなくビューの高さを減らすものとして扱う方法はありますか?
スタイルを維持したいのですがposition: fixed;
、重複しないコンテナを 2 つだけ持つ方が望ましい (つまり、より簡単である) 場合があることを理解してください。
参考: http: //jsfiddle.net/WJvSU/1/
最初のテキスト ボックスにフォーカスがあり、各テキスト ボックスをタブで移動すると、次にフォーカスされた要素が表示されず、フッターの後ろに隠れるポイントに到達するはずです。私が期待するのは、非表示の要素が自動的にスクロールして表示されることです。