Script to change change background color on scroll. Pairs with scss gist background-color.scss. Can be seen live here: http://alisonleemckay.com/

background-color.js

$(function() {
    changeBg();
});

function changeBg() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop;
        var color2 = 250;
        var color3 = 750;
        var body = $("body");

        if ((distanceY > color2) && (distanceY < color3)) {
           body.addClass("color2");
        } else {
           body.removeClass("color2");
        }

        if (distanceY > color3) {
           body.addClass("color3");
        } else {
           body.removeClass("color3");
        }
    });
}