Safari ios（iphone 和 ipad）只有在点击 devtools 时才能正常工作

Question

我有这个奇怪的问题只发生在 safari ios 中：

从上面的 gif 中可以看到（单击它可以正确查看），div 不会移动，除非我在开​​发人员工具中单击它。我没有更改任何代码，并且 div 开始正常运行。

有人知道为什么会在 ios 上发生这种情况（而不是在桌面 safari 上发生）吗？

我在 body 上使用 transition: margin-left 500ms ease;，然后更改 div 的边距（我保留供应商前缀 -webkit-）。

谢谢！

Answer 1

我遇到过类似的问题，这似乎是由于 Safari 处理 jQuery 动画的方式。

一种解决方法而不是修复方法，但如果您使用 jQuery.css() 而不是 jQuery.animation()，则不会出现此问题。然后，您可以改用 css 动画。您可能可以使用 css 类来设置左边距，也可以在单击时使用 jQuery 添加/删除一个类。

干杯

马特