스크롤 이벤트 질문입니다.

스크롤 이벤트 질문입니다.

QA

스크롤 이벤트 질문입니다.

본문


$(window).scroll(function() {  
var f = true;
if($(document).scrollTop() > 99 && $(document).scrollTop() < 500) {
        if(f == true) {
            $('html').addClass('over_h');
            setTimeout(function() {
                $('html').removeClass('over_h');
            }, 2000);
            f = false;
        }
    }
});

 

페이지에서 스크롤을 하다가 특정 구역에 도착했을 때 over_h(overflow:hidden을 걸어둔 클래스)를 추가한 후 일정 시간이 지난 후에 사라지게 하고 싶어서 제작한 부분입니다.

다른 부분들은 스크롤시 한번만 진행이 되는데 셋타임 부분은 스크롤 할때마다

over_h를 나타나게 했다가 사라지는 부분이 반복 실행되는데 한번만 실행되게 할 수 없을까요?

이 질문에 댓글 쓰기 :

답변 1


var f = true;
$(window).scroll(function() {  
if($(document).scrollTop() > 99 && $(document).scrollTop() < 500) {
        if(f == true) {
            $('html').addClass('over_h');
            setTimeout(function() {
                $('html').removeClass('over_h');
            }, 2000);
            f = false;
        }
    }
});
 

이렇게 한번 해보세요.

답변을 작성하시기 전에 로그인 해주세요.
전체 15
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT