2012-04-30 10 views
0

ここに私のコードです。ボタンの下にあるjQuery関数は、リストを上にスライドさせます(リストは空白ですが、javascriptで表示されます)。ipodとxcodeシミュレータ間のHTML要素の位置の不一致?

リストが上にスライドしますボタンの真上から見えるようにして、上のHome divに当たると停止します。私は、ボタンとホーム部門が画面の上部と下部に固定されたまま、リストをスクロールすることができます。とにかくシミュレータ上で。 ipodでは、リストが表示されたら、下にスクロールすると、ホームdivとボタンがリスト内の要素であるかのように上に移動します。何が一体?

これはPhoneGapで作られたモバイルアプリです。位置にどのようにいくつかのスマートフォンの契約だ

<body> 

     <div style="position:fixed; width:100%; border-bottom: 3px solid; z-index: 19; background:#FFFFFF; padding:5px;"> 
      <a style="text-decoration:none; z-index:20;" href="index.html">Home</a> 
     </div> 
     <br /> 

     <div id="map_canvas" style="width:100%; margin-top:10px; height:400px;"></div> 

     <div style="position:relative"> 

      <div id="resultsList" style="background: #FFFFFF; width:100%; margin-top:15px; height: 400px; z-index:1; position:absolute; bottom:0; left:0; display:none"> 

       <br id="top"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 
       <hr class="filler"/> 
       <br class="filler"/> 

      </div> 

     </div> 

     <div style="position:fixed; width:100%; border-top: 3px solid; z-index: 19; background:#FFFFFF; padding:5px;"> 
      <button id="bottombar" type="button" style="z-index:20; padding-bottom:5px;">Show as List</button> 
     </div> 

     <!--Maps API Key 
     AIzaSyD52tRfTY1FtEgXQpvu9-jN5AOz-2pxQg0 
     --> 

    </body> 

答えて

0

:固定あなたはその後、スナップバックスクロールしたときに、彼らが動きます。

Sencha TouchjQuery Mobileは、[いいえ、あなたは少し誤解

+0

ナット行かない方法であなたのスタイルを実装するのに役立つかもしれません。スクロールせずにスナップバックします。一番上のボタンとホームバーは、すべての登場によって文字通りリスト要素*になります。彼らは他のすべてと一緒に右にスクロールします。彼らは元に戻ることはありません。私はjQueryモバイルをチェックアウトします。 – Aerovistae

関連する問題