[js]스크롤 내리면 헤더 사라지고 올리면 헤더 생기는거

헤더 픽스드 후 복붙 css top값 맞추기만 하면 됨

$(function(){
    var last_st = 0;
    // last_st 변수 내려가면 실행안됨

    $(window).scroll(function(){
        var st = $(this).scrollTop();

        if(Math.abs(last_st - st) <= 15)
        return;

        if ((st > last_st) && (last_st>0)) {
        // (st < last_st)로 해주면 반대로 움직임
            $("#header").css("top","-70px");
        } else {
            $("#header").css("top",0);
        } ;
       
        last_st = st;
    });
});

// Math.abs() 함수는 주어진 숫자의 절대값을 반환

3=3

-5=5