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

【问题标题】：How to detect horizontal scroll in panel (to disable vertical scroll meanwhile) in sencha touch如何在sencha touch中检测面板中的水平滚动（同时禁用垂直滚动）
【发布时间】：2012-02-21 08:51:14
【问题描述】：

我们将 sencha touch 用于包含五个可水平滚动的面板的网页，所有面板都包含在可垂直滚动的 nestedList 中。

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

所以我想做的是在水平滚动发生时禁止垂直滚动，我怎样才能检测到这个？

注释：

-我不能使用旋转木马，因为面板会同时显示多个项目（不仅仅是一个）

-我尝试使用 jquery .scroll() 检测滚动，但它没有被触发

谢谢

【问题讨论】：

您也许可以通过 sencha touch 中的拖动事件检测到滚动。

标签： scroll sencha-touch sencha-touch-2

【解决方案1】：

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

例子：

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

【讨论】：

谢谢！！！！您节省了我在滚动开始和滚动结束时添加事件的时间。