【问题标题】: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'
        }
    ]
});

【讨论】:

  • 谢谢!!!!您节省了我在滚动开始和滚动结束时添加事件的时间。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-08-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-13
  • 2012-04-23
相关资源
最近更新 更多