File size: 1,376 Bytes
966d483
613c7f2
966d483
613c7f2
 
 
966d483
312e591
 
613c7f2
312e591
613c7f2
312e591
 
613c7f2
966d483
 
 
 
312e591
 
 
 
 
 
 
613c7f2
 
 
 
312e591
966d483
312e591
613c7f2
 
312e591
 
 
613c7f2
312e591
613c7f2
 
312e591
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/**
 * 等到滚动到达 expectedTop,或 scrollend,或超时。返回取消函数。
 *
 * - 已在目标附近:立即结束(无位移时 scrollend 常不触发)
 * - 滚动中:位置接近目标,或浏览器 scrollend → 结束
 * - 不靠「两帧未动」猜测;超时只作兜底
 */
export function waitForSmoothScrollEnd(
    target: Window | HTMLElement,
    expectedTop: number,
    onDone: () => void,
    maxWaitMs = 2000
): () => void {
    let settled = false;
    let timeoutId = 0;

    const getTop = () =>
        target === window ? window.scrollY : (target as HTMLElement).scrollTop;

    const settle = () => {
        if (settled) return;
        settled = true;
        dispose();
        onDone();
    };

    const check = () => {
        if (Math.abs(getTop() - expectedTop) < 1) settle();
    };

    const onScrollEnd = () => settle();

    const dispose = () => {
        if (timeoutId) window.clearTimeout(timeoutId);
        target.removeEventListener('scroll', check);
        target.removeEventListener('scrollend', onScrollEnd);
    };

    target.addEventListener('scroll', check, { passive: true });
    target.addEventListener('scrollend', onScrollEnd, { once: true });
    check();
    if (!settled) timeoutId = window.setTimeout(settle, maxWaitMs);

    return () => {
        settled = true;
        dispose();
    };
}