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

Posted 2023-03-14

【中文标题】Safari ios（iphone 和 ipad）只有在点击 devtools 时才能正常工作

【英文标题】：Safari ios (iphone and ipad) working properly only when clicking in devtools

【发布时间】：2016-11-24 14:33:09

【问题描述】：

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

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

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

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

谢谢！

【参考方案1】：

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

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

干杯

马特