我在我的应用上使用iScrollView
(PhoneGap, 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>
任何人都可以确认这种行为吗?有可用的解决方法吗?