PhoneGap + JQM + iScrollView:在“iscroll-content”中包含大量内容的Choppy Scrolling

时间:2013-09-27 17:30:27

标签: jquery-mobile cordova iscrollview

我在我的应用上使用iScrollViewPhoneGap, JQM 1.3, Android)。出色的工作。这是一颗宝石。

实际上我正在测试三星Galaxy S3。

我的第一页是垂直维度很大(圆形大约6000px),由一堆带有图像的<div>容器组成(带有外部src)。

这些DIV - 容器根据Json数据动态添加到内容div中。然后我正在做refresh。到目前为止,一切都很好。

但我注意到的是,当我在内容data-iscroll中省略<div>属性时,滚动更加顺畅而且根本不会断断续续。 但是,当将data-iscroll属性添加到content-DIV时,滚动是不连贯的。

我认为这是因为锚标签或图像,所以我用跨度替换了div容器并将一些文本添加到其中。我复制了大约30个跨度并观察了滚动的行为。这是波涛汹涌 - 即使有跨度。然后我只用了15个跨度,滚动就更平滑了。它与content-div中的容器数量有关。

我的标记看起来像这样一个更简化的形式:

<div data-role="content" data-iscroll class="iscroll-wrapper">
    <div class="iscroll-scroller">
        <div class="iscroll-content">
          <p>This is some content that I want to scroll</p>
          <p>This is some content that I want to scroll</p>
          <p>This is some content that I want to scroll</p>
          <p>This is some content that I want to scroll</p>
          <p>This is some content that I want to scroll</p>
          <p>This is some content that I want to scroll</p>
          <p>This is some more content</p>
          ... more content up to 6000px in vertical direction
        </div>
    </div>
</div>

任何人都可以确认这种行为吗?有可用的解决方法吗?

1 个答案:

答案 0 :(得分:0)

好的,终于得到了Jon Tara自己的回答。 uiScrollView绝对仅适用于标记较小且不复杂的Web视图。 阅读here