Come rilevare lo scorrimento orizzontale nel pannello (per disabilitare lo scorrimento verticale nel frattempo) in sencha touch

Question

stiamo utilizzando sencha touch per una pagina web che contiene cinque riquadri scorrevoli orizzontalmente, tutti contenuti in un elenco nidificato che scorre verticalmente.

Tutto funziona bene ma lo scorrimento è lento (perché la pagina scorre in entrambe le direzioni, se lo scorrimento su un pannello è un po 'inclinato scorre anche l'intera pagina)

Quindi quello che voglio fare è vietare lo scorrimento verticale quando si verifica lo scorrimento orizzontale, Come posso rilevarlo?

note:

-Non posso usare un caroussel perché il pannello mostra diversi elementi contemporaneamente (non solo uno)

-Ho provato a rilevare lo scorrimento con jquery .scroll (), ma non viene attivato

Grazie

Answer 1

Quello che vuoi è directionLock.Dovresti inserire questa configurazione nei pannelli interni che sono scorrevoli.

Esempio:

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