旧版本的 iPhone（iphone 3G-iOS 4.2.1）不支持溢出 css 属性

Question

在开发具有 phone-gap 的 iPhone 应用程序时，需要显示项目列表。

我使用了 jquery mobile 并创建了一个无序列表

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

向下滚动到长列表时，页面标题消失了，因此尝试使用 jquery mobile 的“data-postion”属性修复标题。但由于性能不佳，我使用 overflow 属性将其更改为可滚动列表（但滚动功能不太好）。 CSS是这样的

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

它在 iPhone 4s 上运行良好，但在较低版本的 iPhone 上却不行。是否有任何替代溢出属性的方法？或者任何其他可能的解决方法？

有什么方法可以在不移动整个页面内容的情况下在 Phonegap(iOS) 中显示项目列表（具有固定高度和滚动功能）。

感谢您对此问题的任何帮助。

谢谢。

Answer 1

请使用 js 库：iScroll。这真的很简单而且效果很好。
http://cubiq.org/iscroll-4

只需在列表周围声明一个包装 div。

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

然后使用 wrapper-div 的 id 实例化一个“iScroll”。

<script type="text/javascript">
    var myScroll = new iScroll('wrapper');
</script>