È possibile utilizzare gli eventi hammer.js pan e consentire comunque agli utenti di scorrere?

Question

Ho un'interfaccia utente in cui gli utenti stanno scorrendo un'area di scorrimento orizzontale.

Voglio ancora che siano in grado di scorrere verso sinistra e verso destra, ma mi piacerebbe accendere un Hammer.js pan event allo stesso tempo. Ecco il mio codice attuale:

var worksHammertime = new Hammer(scrollingArea); 
worksHammertime.on('pan', function(ev) { 
    if (ev.direction === 2) { 
    log('left', ev) 
    Do things... 
    } else { 
    log('right', ev) 
    Do things... 
    } 
}); 

In sostanza penso che sto cercando l'opposto del comportamento preventDefault() che Hammer sembra utilizzare per impostazione predefinita. È possibile utilizzare gli eventi hammer.js pan e consentire comunque agli utenti di scorrere?

Answer 1

questo momento non è supportata, ma si potrebbe provare a fare questo con un elemento nidificato contenente style="overflow: auto;"

Answer 2

Applicare una proprietà CSS:

#touch-area 
{ 
touch-action: pan-x pan-y !important; 
}