CSS滚动捕捉延迟多长时间?

时间:2019-05-29 13:49:30

标签: javascript css scroll-snap-points

在具有某种CSS滚动捕捉功能的容器中滚动后,自用户滚动结束以来,浏览器开始滚动到捕捉位置的延迟有多长时间?

动机

我写了一个answer来提问CSS Scroll Snap with Animation Effect,其中我通过将滚动事件回调的反跳时间缩短了250 ms来模拟scrollend事件。这似乎已经足够接近Chrome浏览器的实际价值。但是获得一些firsdt-class值会很好。某处甚至可能有一个API,以便我可以通过JS获得正确的值。

1 个答案:

答案 0 :(得分:1)

CSS Scroll Snap Module Level 1

  

CSS滚动捕捉模块故意不指定或强制执行用于捕捉位置的任何精确动画或物理;这留给用户代理。

我坚决认为,大多数支持滚动捕捉的浏览器(例如Firefox)使用的功能与scroll-behavior: smooth;相同。

CSSWG - Smooth Scrolling

  

在用户代理定义的时间段内,使用用户代理定义的计时功能以平滑方式滚动滚动框。用户代理应遵循平台约定(如果有)。

这意味着不仅浏览器之间,特定版本之间可能有所不同,而且还取决于它们所运行的操作系统。另外请注意,浏览器可能会或不会根据用户设置更改动画(例如,由于accessibility concerns)。

我认为没有API可以获取确切的延迟和/或平滑功能。