Javascript 如何检测手机上的溢出结束时，滚动迅速

您可以使用一些浏览器支持的javascript Event scrollend，但这是一个相当新的功能.这将检测滚动何时停止，如here和here所示.Edit:在 comments 中提到，你可以在还不支持scrollend的浏览器上使用scrollend polyfill.

一种不太依赖浏览器支持的方法是不断判断scroll事件是否发生.

要使用scroll事件，您必须使用debounce 功能，因为当用户滚动时，滚动事件实际发生的频率.

然后，在go 反跳功能中，您可以判断用户是否已到达可滚动容器的末尾.

下面是一个例子:

function debounce(func, wait, immediate) {
    var timeout;
    return function() {
        var context = this, args = arguments;
        var later = function() {
            timeout = null;
            if (!immediate) func.apply(context, args);
        };
        var callNow = immediate && !timeout;
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
        if (callNow) func.apply(context, args);
    };
};

function handleScroll() {
    const node = document.getElementById("scroll-container");
    const overflownOnRight = Math.ceil(node.scrollLeft + node.offsetWidth) < node.scrollWidth;

    if (!overflownOnRight) {
        document.getElementById("info-banner").style.display = "none";
    } else {
        document.getElementById("info-banner").style.display = "block";
    }
}

var debouncedHandleScroll = debounce(handleScroll, 250);

document.getElementById("scroll-container").addEventListener('scroll', debouncedHandleScroll);