水平滚动的图像集在启动时会急剧滚动,但随后会平滑

时间:2011-02-08 05:00:56

标签: javascript iphone html sencha-touch extjs

我有一个sencha触控应用程序,其中一个面板包含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;
}

有什么建议吗?非常感谢

1 个答案:

答案 0 :(得分:1)