如何在sencha touch中檢測面板中的水平滾動（同時禁用垂直滾動）

Question

我們使用sencha touch作爲包含五個面板的網頁，它們都包含在可垂直滾動的nestedList中。

寄託都工作正常，但滾動鬆動（因爲頁面是scrollabe兩種方式，如果滾動在面板有點傾向於整個頁面也滾動）

所以我想要做的是禁止垂直滾動發生水平滾動時， 如何檢測此？

筆記：

因爲面板顯示幾個項目simultanously（不僅是一個）

-I試圖檢測與jQuery .scroll（）滾動-I不能使用caroussel，但它不被觸發

謝謝

Answer 1

你需要的是directionLock。您應該將此配置放置在可滾動的內部面板中。

例子：

var panel = Ext.create('Ext.Container', { 
    scrollable: 'vertical', 
    items: [ 
     { 
      scrollable: { 
       direction: 'horizontal', 
       directionLock: true 
      }, 
      html: 'horizontal scroller' 
     } 
    ] 
});