No se puede desplazar dentro de un div después de aplicar -webkit-transform en Safari

Estoy construyendo un menú de diapositivas.

El menú es largo y necesito poder desplazarme dentro de él, así que configuré overflow-y: desplácese sobre él.

Estoy usando -webkit-transform (y variantes en otros navegadores) como la propiedad de transición.

Ahora no puedo desplazarme dentro del div, usar la rueda de desplazamiento cuando está encima del div hará que toda la página se desplace.

Si cambio el comportamiento del menú y hago la transición de la propiedad correcta (configurando el menú a la derecha: -320px y animándolo de nuevo a la derecha: 0), el desplazamiento funciona.

Este error solo ocurre en Safari, funciona bien en Chrome y otros navegadores. También funciona en iOS.

Alguien sabe una solución? ¿Alguien ha experimentado este problema antes? Parece que no puedo encontrar ninguna información al respecto. Gracias.

Respuestas a la pregunta(1)

Su respuesta a la pregunta