0

電話ギャップのあるiPhoneアプリケーションを開発する際には、アイテムのリストを表示する必要がありました。

jquery mobileを使用して、順序付けられていないリストを作成しました

<ul data-role="listview" id="list1">
      <li> List item1</li>
      <li> List item2</li>
  </ul>

長いリストまでスクロールすると、ページヘッダーが消えてしまうので、jquerymobileの「data-postion」属性を使用してヘッダーを修正してみてください。しかし、パフォーマンスが悪いため、オーバーフロープロパティを使用してスクロール可能なリストに変更しました（ただし、スクロール機能はあまり良くありませんでした）。CSSはこんな感じでした

#listWrapper{
        position:fixed; 
        overflow:auto;
        height:330px;
   }

IPhone 4sでは正常に機能しましたが、下位バージョンのIPhoneでは機能しませんでした。オーバーフロープロパティに代わるものはありますか？または、これに対する他の可能な修正はありますか？

ページコンテンツ全体を移動せずに、Phonegap（iOS）でアイテムのリスト（固定の高さとスクロール機能を使用）を表示する方法はありますか？

この問題に関する助けをいただければ幸いです。

ありがとう。

4

1 に答える 1

0

js-library: iScroll を使用してください。それは本当に簡単で、うまく機能します。
http://cubiq.org/iscroll-4

リストの周りにラッパー div を宣言するだけです。

<div id="wrapper">
    <ul>
        <li></li>
        ...
        ...
    </ul>
</div>

そして、ラッパー div の ID で「iScroll」をインスタンス化します。

<script type="text/javascript">
    var myScroll = new iScroll('wrapper');
</script>
于 2012-07-12T07:39:11.063 に答える