javascript - CSS scroll snap 延迟多长时间？

Question

当您在一个启用了某种 CSS 滚动捕捉的容器中滚动后，从用户滚动结束到浏览器开始滚动到捕捉位置的延迟是多长时间？

动机

我写了一个 answer提问CSS Scroll Snap with Animation Effect我通过将滚动事件回调去抖动 250 毫秒来模拟 scrollend 事件。这似乎足够接近 Chrome 浏览器中的实际值。不过能得到一些一流的值就好了。甚至可能某处有一个 API，以便我可以通过 JS 获取正确的值。

Answer 1

CSS Scroll Snap Module Level 1 :

The CSS Scroll Snap Module intentionally does not specify nor mandate any precise animations or physics used to enforce snap positions; this is left up to the user agent.

我强烈假设大多数支持滚动捕捉的浏览器(例如 Firefox)使用它们已经用于 scroll-behavior: smooth; 的相同功能。

CSSWG - Smooth Scrolling :

The scrolling box is scrolled in a smooth fashion using a user-agent-defined timing function over a user-agent-defined period of time. User agents should follow platform conventions, if any.

这意味着不仅浏览器、它们的特定版本之间可能存在差异，而且还取决于它们运行的​​操作系统。另请注意，浏览器可能会或可能不会根据用户设置更改动画(例如，因为 accessibility concerns )。

我认为没有 API 可以获取准确的延迟和/或平滑函数。