如何在sencha touch中检测面板中的水平滚动（同时禁用垂直滚动）

Question

我们对包含五个水平滚动面板的网页使用sencha touch，所有这些面板都包含在可垂直滚动的嵌套列表中。

Everthing工作正常，但滚动很松散（因为页面滚动是双向的，如果在面板上滚动有点倾斜，整个页面也会滚动）

所以我想做的是在水平滚动发生时禁止垂直滚动， 我怎么能发现这个？

备注：

- 我不能使用caroussel，因为面板同时显示几个项目（不仅仅是一个）

- 我试图用jquery .scroll（）检测滚动，但它没有被触发

谢谢

Answer 1

你想要的是directionLock。您应该将此配置放在可滚动的内部面板中。

示例：

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