Eventos SVG Blocks Touch / Mousewheel

¿Hay una solución? Estoy ejecutando mi propio script de barra de desplazamiento personalizado en lugar de usar la funcionalidad integrada de los navegadores. Prefiero usar SVG para los elementos de mi imagen por varios motivos, pero uno de los errores más importantes es el hecho de que tocar o mover el mouse sobre un svg bloquea el evento y, por lo tanto, detiene el desplazamiento de la página. Esto es aún más notable en los navegadores móviles donde el svg puede ocupar todo el ancho del documento, en cuyo caso, tan pronto como llegue a un elemento SVG, el usuario no podrá desplazarse más allá.

No lo he probado en IE, pero en Chrome, los comandos táctiles no funcionan sobre SVG, y en Firefox, los eventos de rueda del ratón son un problema. Supongo que será tanto en IE jaja.

Una solución decente sería agregar de alguna manera un evento a mis elementos SVG para que capture los eventos y los pase a los eventos de desplazamiento. Parece que no puedo encontrar una manera. Una solución aún mejor sería colocar de alguna manera el documento sobre el SVG para que el SVG no interfiera con el desplazamiento en absoluto. Una vez más, parece que no puede encontrar una manera.

Incorporo mis elementos SVG con etiquetas de objeto, lo cual es importante por una variedad de razones. Estoy asumiendo que la etiqueta del objeto es en realidad el culpable.

Respuestas a la pregunta(1)

Su respuesta a la pregunta