2
私はコンテンツを配信するためのポップアップとしてdiv＃detailsを使用しているWebアプリケーションを開発しています。iPadの背景がiPadの固定位置
divがこのdiv要素は、記事をクリックの上に表示される次のCSSプロパティ
#detail {
position: fixed;
background: #F2F2F2;
height: 450px;
z-index: 100;
top: 125px;
overflow-y: auto;
overflow-x: hidden;
width: 880px;
padding: 30px;
}
を持っています。
コンピュータのブラウザで記事をクリックすると、ポップアップが正しい位置に表示されます（ブラウザの上部から常に125ピクセル）。
しかし、同じページをiPadで見ると、ページを下にスクロールすると記事がクリックされると、ポップアップは絶対位置のように（ブラウザではなく）文書の最初から125pxのように見えます。
これを修正するにはどうすればいいですか？表示された画面にポップアップを残しておきます。
更新：
マークアップが
<body>
<div id="opaque_layer" class="hide"></div>
<div class="container_12">
<div id="detail" class=" hide grid_12_custom"></div>
<!-- lots of other divs -->
</body>
のようなものです注意してください、スクロールした後、ポップアップがあまりにも上がります！ 
CSSと共に#detailのスクリーンショットまたは少なくともhtmlを提供できますか？ –