Javascript 有没有办法检测浏览器是否停止在滚动上重新绘制？

我在设计具有基于滚动的事件（动画、视差等）的站点时不断遇到这个问题

---

是否有可靠的方法来测试浏览器是否停止在scroll上重新绘制，以便我可以更好地根据平台定制交互？

在Chrome中，您可以检查绘制操作

Chrome>开发者工具（f12）>时间线

勾选

绘制复选框

---

然后录制开始录制并在浏览器中执行操作，如您提到的滚动。然后再次单击录制按钮停止。稍后，您可以看到每个事件、每个帧以及chrome如何绘制屏幕。

除非您正在编写浏览器扩展；我知道Chrome有重新绘制性能时间线/图表的功能，但我不知道您是否可以通过编程方式访问它。它是高度特定于浏览器的，最好手动完成。否则，你就只能使用

requestAnimationFrame（）

之类的工具来测量帧率下降。这对于调试来说很酷，但我正在寻找一种方法，在浏览器中跨平台使用JS来检测这种情况，这样我就可以动态定制UX。不，我不确定任何JS都能做到这一点。它真的无法从浏览器中获取这样的数据。