스크롤 메뉴 질문합니다.

스크롤 메뉴 질문합니다.

QA

스크롤 메뉴 질문합니다.

본문


$('header').mouseenter(function () {
        $(this).addClass('wbg');
    })
 
    $('header').mouseleave(function () {
        $(this).removeClass('wbg');
    })
 
    jQuery(document).ready(function () {
        var bodyOffset = jQuery('body').offset();
       
        jQuery(window).scroll(function () {
            if (jQuery(document).scrollTop() > bodyOffset.top) {
                jQuery('header').addClass('wbg');
            } else {
                jQuery('header').removeClass('wbg');
            }
        });
    });

 

 

위 코드를 사용해서

마우스가 헤더를 건들이면 wbg 클래스가 추가되게 했습니다.

그리고 스크롤시에도 wbg 클래스가 추가되게 했습니다.

문제가 스크롤 내렸을때 헤더를 건드리고 나오면 wbg 가 사라지더라구요

혹시 이거 두개 합쳐서 어떻게 하는지 알수 있을까욤?ㅠㅠ

이 질문에 댓글 쓰기 :

답변 1


$('header').mouseenter(function () {
  $(this).addClass('wbg');
})
 
$('header').mouseleave(function () {
  if($cond == 0){
    $(this).removeClass('wbg');
  }
})
var $cond = 0;
jQuery(document).ready(function () {
    var bodyOffset = jQuery('body').offset();
        jQuery(window).scroll(function () {
              if (jQuery(document).scrollTop() > bodyOffset.top) {
                jQuery('header').addClass('wbg');
                $cond = 1;
              } else {
                jQuery('header').removeClass('wbg');
                $cond = 0;
              }
        });
});
 
 
답변을 작성하시기 전에 로그인 해주세요.
전체 48
QA 내용 검색

회원로그인

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