0

在开发具有电话间隙的 iPhone 应用程序时，需要显示项目列表。

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

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

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

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

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

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

对此问题的任何帮助表示赞赏。

谢谢。

4

1 回答 1

0

请使用 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>
于 2012-07-12T07:39:11.063 回答