본문 바로가기

Web/javascript & jQuery

스크롤 중 top버튼 안보이게

반응형

$(window).scroll(function () {

    $('.btn_top').hide();


        clearTimeout($.data(this, 'scrollTimer'));

        $.data(this, 'scrollTimer', setTimeout(function () {

            $(".btn_top").show();

            if($(this).scrollTop() == 0) {

           $('.btn_top').hide();  

       }

        }, 250));

        

    });


스크롤 중에는 .btn_top을 display:none; 시키고 

스크롤이 멈추면 다시 .btn_top을 display:block 시킨다.

그리고 scrollTop()이 0일 경우에도 .btn_top을 안보이도록 처리한다.

반응형