CSS属性{position:fixed;}は（ほとんどの場合）新しいiOSデバイスで機能しているように見えますが、{position:relative;}原因や理由がなくても、デバイスに奇妙な動作やフォールバックが発生する可能性があります。通常、キャッシュをクリアすると、何かが発生して奇妙なことが再び発生するまで役立ちます。
具体的には、Apple自体からiPad用のWebコンテンツの準備：
iPadのSafariおよびiPhoneのSafariには、サイズ変更可能なウィンドウがありません。iPhoneおよびiPadのSafariでは、ウィンドウサイズは画面のサイズに設定され（Safariユーザーインターフェイスコントロールを除く）、ユーザーは変更できません。Webページ内を移動するには、ユーザーがダブルタップまたはピンチしてズームインまたはズームアウトするとき、またはタッチしてドラッグしてページをパンするときに、ビューポートのズームレベルと位置を変更します。ユーザーがビューポートのズームレベルと位置を変更すると、固定サイズの表示可能なコンテンツ領域（つまりウィンドウ）内で変更されます。つまり、ビューポートに「固定」された位置にあるWebページ要素は、画面外の表示可能なコンテンツ領域の外側に配置される可能性があります。
皮肉なことに、Androidデバイスにはこの問題がないようです。また{position:absolute;}、bodyタグを参照するときに使用することも可能で、問題はありません。
私はこの癖の根本的な原因を見つけました。HTMLまたはBODYタグと組み合わせて使用すると、スクロールイベントがうまく再生されないこと。イベントを起動したくない場合や、スクロールスイングイベントが終了してイベントを受信するまで待機する必要がある場合があります。具体的には、このイベントの最後にビューポートが再描画され、固定要素をビューポート内の別の場所に再配置できます。
だからこれは私がやっていることです：（ビューポートの使用を避け、DOMに固執してください！）
<html>
<style>
.fixed{
position:fixed;
/*you can set your other static attributes here too*/
/*like height and width, margin, etc.*/
}
.scrollableDiv{
position:relative;
overflow-y:scroll;
/*all children will scroll within this like the body normally would.*/
}
.viewportSizedBody{
position:relative;
overflow:hidden;
/*this will prevent the body page itself from scrolling.*/
}
</style>
<body class="viewportSizedBody">
<div id="myFixedContainer" class="fixed">
This part is fixed.
</div>
<div id="myScrollableBody" class="scrollableDiv">
This part is scrollable.
</div>
</body>
<script type="text/javascript" src="{your path to jquery}/jquery-1.7.2.min.js"></script>
<script>
var theViewportHeight=$(window).height();
$('.viewportSizedBody').css('height',theViewportHeight);
$('#myScrollableBody').css('height',theViewportHeight);
</script>
</html>
本質的には、これによりBODYがビューポートのサイズになり、スクロールできなくなります。内部にネストされたスクロール可能なDIVは、BODYが通常行うようにスクロールします（スイングエフェクトを除くため、タッチエンドでスクロールは停止します）。固定DIVは干渉なしで固定されたままです。
補足として、z-indexスクロール可能なDIVが背後にあるように見せるためには、固定DIVの高い値が重要です。私は通常、ウィンドウのサイズ変更とスクロールイベントを追加し、クロスブラウザーと代替画面解像度の互換性も確保しています。
他のすべてが失敗した場合、上記のコードは、固定およびスクロール可能なDIVの両方をに設定しても機能し{position:absolute;}ます。