Javascript SafarijQuery事件处理程序延迟

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

在我的示例中，您可以看到一个photoslider

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

Safari和jquery是否存在已知的bug？在我的研究中，除了iOS手机延迟漏洞，我几乎没有发现什么

如果有人有主意就好了。也许这是我没有发现的css问题

---

致以最诚挚的问候

在更改不透明度之前，请尝试添加一条规则以提前调整浏览器

使用

将更改
，如下所示：

.main {
    will-change: opacity;
}

这将告诉浏览器该div将有一些不透明度更改，因此浏览器可以在满足不透明度更改规则之前准备就绪。
更新：

这不是jquery的问题。我在translateZ（0）中使用了硬件加速，这导致了Safari在动画上的表现非常糟糕。现在我的问题是，它在滚动上像地狱一样落后：（
我在iPhone 7上看不到这个问题。这只是单击索引列表上的链接，然后滚动到图像上吗？谢谢你的回复。我尝试了你的建议，但感觉还是有很多问题-只有在Safari中。也许你有其他方法来解决这个问题吗？你重置了浏览器缓存吗？嗨，是的，我删除了缓存，仍然是我们e此处将发生更改似乎没有Safari支持老实说，我在Safari上试用过，但它似乎没有抖动。另外，请检查一下，我的意思是-我无法重现您的问题，以便我可以寻找解决方案。这很有趣，您使用的是哪个版本？在Safari 10.0.3版本上，当我单击inde时，它似乎有问题十,。