私のサイトhttp://www.merkato.huでは、ヘッダーの位置が固定されています。デスクトップ ブラウザーではこれはうまく機能しますが、モバイル デバイスではページをズームするとヘッダーが固定位置にあるため使用できなくなります。
高さとhtmlをヘッダーとコンテンツに絶対配置し、オーバーフローをスクロールに設定する方法を試しましたが、本文をスクロール可能にする必要があるスクリプトがあります。
モバイル用の固定ヘッダーを実現する最良の方法は何ですか? 私が見つけたものはどれも、iDevices にとって価値があるとは思えません。
これは難しい問題です。fixedほとんどのモバイル デバイスでは、ポジショニングのサポートが壊れているか、サポートされていません。これをサポートする最初のモバイル ブラウザは、今年製造されたデバイスに付属していました。
jQuery Mobileチームが固定のヘッダーとフッターにかなり長い間苦労したことを覚えています。
彼らはそれを機能させたので、jQuery Mobile (または明らかにそれを行うことができる他のフレームワーク) を使用するか、JS と CSS を掘り下げてそれがどのように機能するかを調べることをお勧めします。
とにかく、約 20 種類のテスト デバイスがなければ、動作を確認することはできません。したがって、かなりの予算がない限り、十分にテストされたオープンソース ソリューションに固執する必要があります。