私の問題は単純です:<hr/>ユーザーがページのメイン コンテンツをパンまたはズームしたときに、iPad モバイル サファリ ブラウザー ビューポートの上部に "ドッキング" したままにするヘッダー ( not ) が必要です。私はインターネットを精査しましたが、いくつかのぎこちない js フレームワークしか見つかりませんでした。
iScrollフレームワークはこの機能を主張していますが、デモからわかるように、ユーザー エクスペリエンスは非常に貧弱です: http://cubiq.org/dropbox/iscroll4/examples/zoom/等。）
ネイティブのズーム/パン機能は非常に優れているため、1 つをメタ タグでユーザーがズーム可能にし、もう 1 つをズーム不可にするフレームセットを作成するのが最善の解決策であると考えました。このような：
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes|no" />
残念ながら、これはうまくいきませんでした。この方法ではできないのではないかと心配しています...
誰かが Apple フォーラムで同じ質問をしましたが、もちろん答えていません: https://discussions.apple.com/thread/3774841?start=0&tstart=0
この動作を実現する方法についての提案をお待ちしています。
フレームセット アプローチが不可能であると仮定すると、不格好な js フレームワークを含めたくないでしょう。（私はすでにjQueryとjQuery UIを使用していますが）ビューポートの向き、スクロール位置、ズームレベルに基づいてdivのサイズと位置を変更するだけです。