水平滚动的图像集在启动时突然滚动，但随后变得平滑答案

【问题标题】：Horizontally scrolling set of images scrolls jerkily upon launch but then smooths out水平滚动的图像集在启动时突然滚动，但随后变得平滑
【发布时间】：2011-02-08 05:00:55
【问题描述】：

我有一个煎茶触摸应用程序，它的面板包含 3 个图像按钮，其想法是您可以使用轻弹滚动向左或向右滚动以按下正确的按钮。

您第一次（每次加载应用程序后）触摸或轻弹这些按钮时，它不会滚动，或者滚动不顺畅。如果您触摸它并在移动前保持手指稳定半秒钟，则可以正常工作。在最初的时间之后，它会很好地轻弹。

面板的构造如下：

var picScroller = { // The picture scroller
  flex: 1,
  cls: 'items',
  scroll: 'horizontal',
  layout: 'hbox',
  defaults: {
    width: 235,
    height: 160
  },
  items: [
    { width: 32 },
    { xtype: 'button', id:"bn1", cls:'myimagebutton', pressedCls:'', handler: myHandler },
    { xtype: 'button', id:"bn2", cls:'myimagebutton', pressedCls:'', handler: myHandler },
    { xtype: 'button', id:"bn3", cls:'myimagebutton', pressedCls:'', handler: myHandler },
    { width: 32 }
  ]
};

而我的 CSS 是这样的：

.myimagebutton {
  border:0;
  border-radius:0;
  margin:10px;
}

有什么建议吗？非常感谢

【问题讨论】：

我猜它需要一些时间来加载项目......一些程序延迟或预取可能会有所帮助？
你的意思是加载图片吗？我从 JS 中删除了第三张图片，所以现在只有两张，而且它们都已完全加载，因为在我开始轻弹之前我可以看到第二张图片的左侧，但它仍然抖动，所以我不认为这就是问题所在。
我试过用 iScroll 脚本代替 sencha，一切都很顺利，没有出现这个问题。所以这个问题似乎与煎茶有关。

标签： javascript iphone html sencha-touch extjs

【解决方案1】：

这里有一篇文章列出了一个类似问题的解决方案（尽管这可能特定于与 PhoneGap 结合使用）：http://www.senchatouchbits.com/6/fixing-flickering-of-animations-in-phonegap.html

【讨论】：

好吧，为了记录，我们放弃了 sencha 的性能问题，尤其是在 android 上，并转为原生。 Obj-c FTW！