통합검색

javascript

[Jquery] header 상단에서만 특정 class 추가

[!]jquery[/!]
 
//header bg
headBg = {
    'init' : function(){
        this.action();
    },
    'action' : function(){
        var $ele = {
            'win' : $(window),
            'hd' : $('#header')
        }

        $ele.win.on({
            'scroll resize load' : function(){
                var wt = $ele.win.scrollTop();
                var hh = $ele.hd.height();
                //console.log(wt);

                if(wt > hh){
                    $ele.hd.addClass('fix');
                } else {
                    $ele.hd.removeClass('fix');
                }
            }
        });
    }
}
$(function(){
    if($('#header').length>0){
        headBg.init();
    }
})