javascript - 如何设置下一个滚动事件的延迟

Question

我需要在滚动后为下一个滚动事件设置一秒的延迟。我怎样才能实现这个目标？

$('body').scrollTop(100);
$(window).scroll(function () {
    var BS = $('body').scrollTop();

    if(BS > 101){
        /* Disable scroll for 1 sec Delay */
    }else if(BS < 98) {
        /* Disable scroll for 1 sec Delay */
    }

    $('body').scrollTop(100);
});

像这样page - 滚动后，鼠标滚轮有一秒钟不起作用。

Answer 1

您可以设置计时器来暂时禁用您的功能:

var
    scrollEnabled = true;

$('body').scrollTop(100);

function disableScroll() {
    // temporarily disable action
    scrollEnabled = false;

    // set a timer to enable again it 1 second from now
    setTimeout(function() {
        scrollEnabled = true;
    }, 1000);
}

$(window).scroll(function () {
    var bs;

    if (scrollEnabled) {
        bs = $('body').scrollTop();

        if (bs > 101 || bs < 98) {
            disableScroll();
        }

        $('body').scrollTop(100);
    }
});