Q:

Scroll Counter - _.debouce fix

My problem
I created a counter meant to raise or lower by one each time that the user scrolls up or down. The problem is that my counter 
$('html').on('mousewheel', function (e) {
    var delta = e.originalEvent.wheelDelta;

    if (delta < 0) {
        --count;
        transitionScreen(count);
        //$('h1').text ('You scrolled down');

    } else if (delta > 0 && count < 0) {
        ++count;
        transitionScreen(count);
        //$('h1').text ('You scrolled up');
    }
});

is incrementing multiple times by the scroll. 
the solution
So someone suggested underscore.js's debounce function to keep my counter function from being executed more than once per a given amount of time. 
The problem is me not knowing exactly how to implement the solution:
Can someone help me use _.debounce with this function? I'm looking at the examples but don't exactly understand how to use it here. I'm new to javascript and picking it up very quickly, so any help will be much appreciated. 
Documentation clipping
Debounce is used like this in documentation: 
debounce_.debounce(function, wait, [immediate]) 

And here's an example of the useage:
var lazyLayout = _.debounce(calculateLayout, 300);
$(window).resize(lazyLayout);

Thanks!

A:

$('html').on('mousewheel', _.debounce(function(e){
    var delta = e.originalEvent.wheelDelta;

    if (delta < 0) {
        --count;
        transitionScreen(count);
        //$('h1').text ('You scrolled down');

    } else if (delta > 0 && count < 0) {
        ++count;
        transitionScreen(count);
        //$('h1').text ('You scrolled up');
    }
}, 250));

That's  it.  Just like it's shown, instead of passing your function in, you pass in the result of the _.debounce function.

