Javascript 水平滚动的图像集在启动时会快速滚动，但随后会平滑

我有一个sencha touch应用程序，有一个包含3个图像按钮的面板，它的想法是你可以使用flick滚动来向左或向右滚动它们以按下正确的按钮

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

面板的构造如下所示：

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;
}

---

有什么建议吗？非常感谢

这里有一篇文章列出了一个类似问题的解决方案（尽管这可能是与PhoneGap结合使用的）：

我想加载这些项目需要一些时间。。。一些编程延迟或预取可能会有所帮助？您的意思是加载图像吗？我从JS中删除了第三个图像，所以现在只有两个，它们都已完全加载，因为在我开始轻弹之前，我可以看到第二个图像的左侧，但它仍然会抖动，所以我认为这不是问题所在。我尝试使用iScroll脚本而不是sencha，而且都很平滑，没有显示此问题。所以这个问题似乎与sencha有关。好吧，为了记录在案，我们因为性能问题放弃了sencha，特别是在android上，而改为原生。Obj-c FTW！