Kann nicht in einem div scrollen, nachdem -webkit-transform in Safari angewendet wurde

Ich erstelle ein Folienmenü.

Das Menü ist lang und ich muss in der Lage sein, darin zu scrollen, also habe ich overflow-y gesetzt: scrolle darauf.

Ich verwende -webkit-transform (und Varianten in anderen Browsern) als Übergangseigenschaft.

Jetzt kann ich nicht im div scrollen, wenn ich das Scrollrad oben auf dem div benutze, wird die ganze Seite gescrollt.

Wenn ich das Verhalten des Menüs ändere und die rechte Eigenschaft ändere (das Menü auf rechts einstellen: -320px und es wieder auf rechts animieren: 0), funktioniert der Bildlauf.

Dieser Fehler tritt nur in Safari auf. In Chrome und anderen Browsern funktioniert er einwandfrei. Funktioniert auch unter iOS.

Kennt jemand eine Problemumgehung? Hat jemand dieses Problem schon einmal erlebt? Ich kann keine Informationen dazu finden. Vielen Dank

Antworten auf die Frage(2)

Ihre Antwort auf die Frage