我正在尝试在我的网站上制作动画。我正在使用下面链接的类似版本的 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, …我有一个从我的React客户端到我的远程Flask服务器的后提取请求，如下所示：
fetch(FETCH_URL, {
method: 'POST',
body: data,
headers: {
'Content-Type': 'application/json'
}
}).then((response) => {
var a = response.body.getReader();
a.read().then(({ done, value }) => {
console.log(new TextDecoder("utf-8").decode(value));
}
);
});
response.body以ReadableStream对象的形式出现，因此我能够提取一个Uint8array，然后将其解码为从我的flask服务器发送回的txt文件的内容，如上面的代码所示。
至此，我迷路了，我想做的就是将请求发送到带有文件名（在请求数据中）的远程服务器，然后将该文件下载到我的计算机上。
如上所示，我尝试了对远程服务器的获取请求，然后在flask中，我的服务器找到并打开了存储在服务器本身上的文件，然后将其发送回去。
filename = request.get_json()['filename']
f = open(filename)
return f
现在的问题是，从我阅读的内容来看，我无法仅凭react就在计算机上创建文件。即使这样，我也不知道这是否适用于所有类型的文件或仅适用于txt文件。没有人有任何指导来实现我从远程烧瓶服务器下载文件的最终目标。