Safari ios(iphone 和 ipad)仅在单击 devtools 时才能正常工作

Safari ios (iphone and ipad) working properly only when clicking in devtools

我只在 safari 中遇到这个奇怪的问题 ios:

正如您从上面的 gif 中看到的(点击它可以正确查看),div 不会移动,除非我在开​​发者工具中点击它 .我没有更改任何代码,div 开始正常运行。

有人知道为什么 ios 会发生这种情况(桌面 safari 不会发生)吗?

我在主体上使用 transition: margin-left 500ms ease;,然后更改 div 的边距(我保留供应商前缀 -webkit-)。

谢谢!

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

一种解决方法而不是修复方法,但如果您使用 jQuery.css() 而不是 jQuery.animation(),则应该不会出现该问题。然后,您可以改用 css 动画。您可能会使用 css classes 来设置 margin-left 并且只是 add/remove a class 在点击时也使用 jQuery。

干杯

马特