Как обнаружить горизонтальную прокрутку на панели (чтобы отключить вертикальную прокрутку) в сенсорном Сенча

Question

мы используем sencha touch для веб-страницы, которая содержит пять панелей с горизонтальной прокруткой, все из которых содержатся в nestedList, который можно прокручивать по вертикали., если прокрутка на панели немного наклонена, прокручивается вся страница)

Итак, я хочу запретить вертикальную прокрутку, когда происходит горизонтальная прокрутка. Как я могу это обнаружить?

примечания:

-Я не могу использовать карусель, потому что на панели одновременно отображаются несколько элементов (не только один)

-Я пытался обнаружить прокрутку с помощью jquery .scroll (),но это не срабатывает

Спасибо

Answer 1

То, что вы хотите, это directionLock . Вы должны поместить эту конфигурацию во внутренние панели, которые можно прокручивать.

Пример:

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