javascript – XHR / setTimeout / Promise在Chrome中滚动停止之前不会完成

在Chrome中,如果用户正在滚动所有XHR,并且setTimeouts将延迟,直到滚动停止,我需要一个解决方法.行为描述在 this blog post.虽然这个功能有助于移动滚动,它是无限滚动,这是我正在努力做的灾难性的.

发生这种情况的证据：

>所有其他浏览器都可以正常工作,Chrome会显示一个空白屏幕,直到用户停止滚动.
>网络面板会将所有请求显示为待处理,直到滚动结束,然后它们全部完成.
>将其放在一个代码段中,运行它,然后立即开始滚动.直到滚动完成之后才会调用setTimeout.

var p = new Promise(function (resolve) {
    setTimeout(function () {
        console.log('resolving');
        resolve();
    },1000)
});

p.then(function () {
    console.log('DONE!!');
})

解决方法

根据您的具体情况和所需的浏览器支持,我将尝试使用 Service Workers – 它适用于您正在处理的任务(可以拦截所有流量)或背景中的 Web Worker至 do your AJAX等任务.