スクロール時にheaderにクラス追加

JS

$(function(){
function init() {
    // スクロールして何ピクセルでアニメーションさせるか
    var px_change   = 140;
 
    // スクロールのイベントハンドラを登録
    window.addEventListener('scroll', function(e){
        // 変化するポイントまでスクロールしたらクラスを追加
        if ( $(window).scrollTop() > px_change ) {
            $("header").addClass("hd_bg");
 
        // 変化するポイント以前であればクラスを削除
        } else if ( $("header").hasClass("hd_bg") ) {
            $("header").removeClass("hd_bg");
        }
    });
}
window.onload = init();
});