Задержка обработчика события Safari JQuery

Question

Я столкнулся с проблемой, которая была мне совершенно неизвестна.

В моем примере http://studio-a-h.de/kirby-test/projects/morning-has-not-dawned-yet вы видите фотолидер.

Если вы нажмете на «Индекс», появится надпись с индексом изображения. В chrome и Firefox все в порядке, но Safari показывает наложение с задержкой appr. 500 мс, и кажется, что есть дополнительная задержка, даже когда div уже виден.

Есть ли какие-либо известные ошибки с Safari и jquery? В своем исследовании я почти ничего не нашел, помимо ошибки IOS Mobile delay.

Было бы здорово, если бы у кого-то была идея. Может быть, это проблема css, которую я не нашел?

С наилучшими пожеланиями

Answer 1

Try и добавить правило адаптировать браузер в-заранее, перед этим изменением непрозрачности.

Используйте will-changeproperty так:

.main { 
    will-change: opacity; 
} 

Это скажет браузеру, что там будет какая-то непрозрачность изменения в этот DIV, так что браузер может быть готов к этому до изменения непрозрачности правила выполнены.

Answer 2

Обновление:

Это не проблема с jquery. Я использовал аппаратное ускорение с translateZ (0), и это вызвало очень плохую производительность Safari для анимаций. Теперь у меня есть проблема, что она проваливается, как ад, на прокрутке :(