我正在尝试在我的网站上制作动画。我正在使用下面链接的类似版本的 jsfiddle 代码。在桌面上查看时，动画效果很好。然而，当在移动设备上查看时，特别是在我的 Chrome 浏览器上，出现了奇怪的延迟。当我在手机上打开 jsfiddle 时，它显示出完全相同的延迟。如果我重新启动 chrome 应用程序，延迟就会消失，很快就会恢复。
在 Safari 中不会出现此问题。
我有最新的 iPhone，运行 IOS 14.6 和 chrome V90。
https://jsfiddle.net/brodriguez98/e2bvwcja/33/
HTML：
<html>
<p style = 'margin-top: 100vh;'>above</p>
<img class = 'balltest show-on-scroll standard-push' src = 'http://www.pngall.com/wp-content/uploads/5/Sports-Ball-Transparent.png'/>
<img class = 'balltest show-on-scroll fade-in' src = 'http://www.pngall.com/wp-content/uploads/5/Sports-Ball-Transparent.png'/>
<p style = 'margin-bottom: 100vh'>below</p>
</html>
CSS：
.balltest {
width: 50px;
}
.fade-in {
opacity: 0;
-webkit-transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 1s 0.25s ease-out;
-moz-transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, …