0

これが私のコードです。下部のボタンにjQuery関数があり、リストを上にスライドさせて表示します（リストはここでは空白で、javascriptが入力されています。ご覧のとおり、ここでは空白行です）。

リストはボタンの真上から上にスライドして表示され、上部のHomedivに当たると停止します。次に、ボタンとホーム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>
4

1 に答える 1

0

それが、一部のスマートフォンが位置を処理する方法です。固定、スクロールすると移動してスナップバックします。

Sencha TouchやjQuery Mobileは、あなたのスタイルを無理なく実装するのに役立つかもしれません

于 2012-04-30T09:40:10.547 に答える