onScroll Firefox问题

Question

我的功能可以在鼠标滚动中更改div的背景，但由于firefox和IE启用了平滑滚动，它会变得混乱并跳过图像。

是否有更好的去抖动方法，并且滚动更好更顺畅？就像在http://www.airnauts.com上一样？

这是我的网站，因此您可以查看该问题：http://denea.comeze.com

这是我的JS（我是javascript的新手，所以不要评价我几乎不喜欢）：

var numberofscroll = 0;
    var lastScrollTop = 0;
    var dontHandle = false;
    $("#home").scroll(function () {
    if (dontHandle) return;
        dontHandle = true;
        var st = $(this).scrollTop();
        (st > lastScrollTop) ? numberofscroll++ : numberofscroll--;
        console.log(numberofscroll);
        console.log(lastScrollTop);
        console.log(st);
        if (numberofscroll<2){
            change_background2(numberofscroll);
        }
        else if (numberofscroll<3){
            change_background3(numberofscroll);
        }
        else if (numberofscroll<4){
            change_background4(numberofscroll);
        }

        lastScrollTop = st;

        window.setTimeout(function() {
            dontHandle = false;
        }, 290);
    });