检测页面是否正在滚动移动？

Question

如何检测网页当前是否正在移动中滚动？ 包括动量滚动？

基本上，我想运行一个函数，但前提是根本没有滚动发生，例如

if(!scrolling){
    //do stuff
}

Answer 1

var scrolling = false;
var endScrolling;

$(window).on("scroll", function() {
    scrolling = true;
    endScrolling = window.setTimeout(function() {
        scrolling = false;
        window.clearTimeout(endScrolling);
    }, 20);
});

基本上，这里发生的是：

1）当窗口开始滚动时，“ scrolling”设置为true

2）超时将在执行后立即将滚动设置为false，但是：

3）Mobile Safari滚动时（包括动量）不执行setTimeout。 因此，仅在滚动真正结束后才执行第一次执行。