Не удается прокрутить внутри div после применения -webkit-transform в Safari

Я создаю слайд-меню.

Меню длинное, и я должен иметь возможность прокручивать его внутри, поэтому я установил overflow-y: прокрутка по нему.

Я использую -webkit-transform (и варианты в других браузерах) в качестве свойства перехода.

Теперь я не могу прокрутить внутри div, используя колесико прокрутки, когда поверх него будет прокручиваться вся страница.

Если я изменю поведение меню и перейду к правильному свойству (установив меню вправо: -320px и анимируя его обратно вправо: 0), прокрутка сработает.

Эта ошибка возникает только в Safari, она отлично работает в Chrome и других браузерах. Также работает на iOS.

Кто-нибудь знает обходной путь? Кто-нибудь сталкивался с этой проблемой раньше? Я не могу найти информацию об этом. Спасибо.

Ответы на вопрос(1)

Ваш ответ на вопрос