jQuery!我无法正确使用 _.debounce

Question

我正在尝试使用函数 _.debounce()的underscore.js但我不能正确地做到这一点。

我正在尝试消除窗口滚动的抖动，如下所示，但我很困惑。

$(document).ready(function () {
 $(window).scroll(function (event) {
    var scrollCounter = $(this).scrollTop();
    if ( scrollCounter > 0 ) { //do stuff }
    else { //do stuff }
 });
});

Answer 1

来自文档和示例:

var lazyLayout = _.debounce(calculateLayout, 300);
$(window).resize(lazyLayout);

你可以重构你的调用来消除它，如下所示:

function scrollHandler() {
    var scrollCounter = $(this).scrollTop();
    if ( scrollCounter > 0 ) { /* do stuff /* }
    else { /* do stuff */ }
};

$(document).ready(function () {

    var debouncedScroll = _.debounce(scrollHandler, 50);
    $(window).scroll(debouncedScroll);

});

<小时/>

更新:工作 jsfilddle:https://jsfiddle.net/z635f7ys/