¿Cómo uso los eventos de puntero para reactjsr solo al evento de desplazamiento?

¿Es posible configurar los eventos de puntero para que solo reaccionen al desplazamiento o arrastre en un panel táctil? Tengo un div ‘en el camino’ para desplazar una compleja disposición de html * y me gustaría saber si puedo limitar los eventos del puntero para que solo reaccionen a las acciones de desplazamiento / rueda del mouse.

Estoy interesado en saber si entiendo esto correctamente. Si pointer-events:none; significa que todos los eventos son nulos, ¿cómo puedo matar todos los eventos pero dejar uno activo?

Configuré un área HTML que es más grande que la casilla en la que encaja, pero si mostrara la barra de desplazamiento, parecería más alta de lo que debería ser debido a un elemento emergente (posición: arriba). Esta área todavía necesita ser desplazada, así que para lograr esto he usado jQuery para hacer que mi ‘caja para desplazarse’ siga un div invisible dentro de un div:

 

Guión

 $('#scrollcontrol').scroll(function({ $('#rangetable').css({ 'top':$('#catscrollpos').position().top+'px' }); }); 

En cuanto a la especificación en los documentos :

Cuando un elemento ha aplicado pointer-events: none;

El elemento nunca es el objective de ningún evento de mouse y cualquier evento es nulo;

Por favor mira esta demostración:

http://jsbin.com/wewosumehi/1/

Los eventos no se disparan, ni siquiera se puede desplazar por el container .