我正面临一个我不为人知的问题。
在我的示例http://studio-a-h.de/kirby-test/projects/morning-has-not-dawned-yet中，您会看到一张幻灯片。
如果您点击“索引”，即将显示带有图像索引的叠加层。 在Chrome和Firefox中一切都很好，但Safari显示叠加延迟的appr。 500毫秒，似乎有一个额外的延迟，即使div已经可见。
Safari和jquery是否存在任何已知错误？在我的研究中，除了iOS Mobile延迟错误之外，我几乎没有找到任何东西。
如果有人有想法会很棒。也许这是我没找到的css问题？
祝你好运
答案 0 :(得分：0)
尝试添加规则，以便在不透明度更改之前提前调整浏览器。
使用will-change property ，如下所示：
.main {
will-change: opacity;
}
这将告诉浏览器该div会有一些不透明度更改，因此在满足不透明度更改规则之前，浏览器可以为它做好准备。
答案 1 :(得分：0)
更新
这不是一个jquery问题。我使用了translateZ（0）的硬件加速，这在动画上造成了超级糟糕的Safari性能。现在我的问题是它在滚动上落后于地狱:(