如何解决移动 <LI> 流 jQTouch 移动网络应用程序（iPhone JavaScript）上的跳跃问题答案

【问题标题】：how can I fix the jumpiness problem on a moving <LI> stream jQTouch mobile web app (iPhone JavaScript)如何解决移动 <LI> 流 jQTouch 移动网络应用程序（iPhone JavaScript）上的跳跃问题
【发布时间】：2009-11-06 22:59:57
【问题描述】：

我有一个使用 jQTouch 移动网络应用程序框架构建的移动网络应用程序，但是当我尝试添加动态

元素时，主题开始像疯了一样跳来跳去。包含一个简短的 JavaScript 示例程序，用于复制该问题。

我在 jqtouch 谷歌代码票务系统上发布了这个问题

第 134 期： slidedown 在 LI 之前添加，但在 15 个左右项目后会导致主题跳跃，带有示例代码 http://code.google.com/p/jqtouch/issues/detail?id=134

【问题讨论】：

标签： javascript iphone mobile mobile-safari jqtouch

【解决方案1】：

你的页面上有视频元素吗？

当我在与列表相同的页面上有视频元素时，我遇到了类似的问题。

绕过它： * 为视频创建一个 div * 将视频尺寸设置为 1px * 1px * 设置div的背景为视频缩略图图片 * 设置 div 显示为阻塞 * 在 div 中插入一个链接，用一些 javascript 播放视频：

这解决了抖动问题。

【讨论】：

【解决方案2】：

我发现了问题，但还没有解决方法：

在文件主题/jqt/theme.css中

删除以下行以减少/消除跳动：

ul.rounded li:first-child, ul.rounded li:first-child a {
    border-top: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}

【讨论】：

【解决方案3】：

我曾与 Brian 合作处理相关应用程序。似乎手机在前 15 个左右之后使用每个新项目完全重绘视口。

我们希望 Stack 社区知道一个聪明的解决方法！

【讨论】：