javascript - Safari Jquery 事件处理程序延迟

Question

我正面临一个我完全不知道的问题。

在我的示例中 http://studio-a-h.de/kirby-test/projects/morning-has-not-dawned-yet你会看到一个照片 slider 。

如果您点击“索引”，将显示带有图像索引的叠加层。在 chrome 和 Firefox 中一切都很好，但 Safari 显示覆盖延迟约 appr。 500 毫秒，似乎有额外的延迟，即使 div 已经可见。

Safari 和 jquery 是否存在任何已知错误？在我的研究中，除了 iOS Mobile 延迟错误外，我几乎没有发现任何东西。

如果有人有想法就太好了。也许是我没有发现的 css 问题？

最好的问候

Answer 1

在不透明度变化之前，尝试添加一个规则来提前适应浏览器。

使用will-change property 像这样:

.main {
    will-change: opacity;
}

这将告诉浏览器该 div 将发生一些不透明度变化，因此浏览器可以在满足不透明度变化规则之前做好准备。