반응형
$(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을 안보이도록 처리한다.
반응형
'Web > javascript & jQuery' 카테고리의 다른 글
input 숫자만 입력 가능하도록 (0) | 2013.11.04 |
---|---|
index로 두가지 버튼 제어 (0) | 2013.10.22 |
input 체크박스 활성화여부에 따른 엘리먼트 제어하기 (0) | 2013.09.02 |
flipCounter 스크롤링 카운터 (0) | 2013.07.31 |
★ jquery.sliderkit.1.9.2 (0) | 2013.07.12 |