2011-02-08 408 views
0

我有一個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; 
} 

有什麼建議?非常感謝

+0

我猜它需要一些時間來加載的項目。 ..一些編程的延遲或預取可能有幫助? – Shrinath 2011-02-08 05:07:07

+0

你的意思是加載圖像?我從JS中刪除了第三張圖片,現在只有兩張,而且它們都是完全加載的,因爲在開始彈出之前我可以看到第二張圖片的左側,但它仍然是混亂的,所以我不認爲那就是問題所在。 – Chris 2011-02-08 05:10:25

回答