스크롤 메뉴 질문합니다. 채택완료
</strong></p>
<p>$('header').mouseenter(function () {</p>
<p> $(this).addClass('wbg');</p>
<p> })</p>
<p> </p>
<p> $('header').mouseleave(function () {</p>
<p> $(this).removeClass('wbg');</p>
<p> })</p>
<p> </p>
<p> jQuery(document).ready(function () {</p>
<p> var bodyOffset = jQuery('body').offset();</p>
<p> </p>
<p> jQuery(window).scroll(function () {</p>
<p> if (jQuery(document).scrollTop() > bodyOffset.top) {</p>
<p> jQuery('header').addClass('wbg');</p>
<p> } else {</p>
<p> jQuery('header').removeClass('wbg');</p>
<p> }</p>
<p> });</p>
<p> });</p>
<p><strong>
위 코드를 사용해서
마우스가 헤더를 건들이면 wbg 클래스가 추가되게 했습니다.
그리고 스크롤시에도 wbg 클래스가 추가되게 했습니다.
문제가 스크롤 내렸을때 헤더를 건드리고 나오면 wbg 가 사라지더라구요
혹시 이거 두개 합쳐서 어떻게 하는지 알수 있을까욤?ㅠㅠ
답변 1개
</p>
<p>$('header').mouseenter(function () {</p>
<p> $(this).addClass('wbg');</p>
<p>})</p>
<p> </p>
<p>$('header').mouseleave(function () {</p>
<p> if($cond == 0){</p>
<p> $(this).removeClass('wbg');</p>
<p> }</p>
<p>})</p>
<p>var $cond = 0;</p>
<p>jQuery(document).ready(function () {</p>
<p> var bodyOffset = jQuery('body').offset();</p>
<p> jQuery(window).scroll(function () {</p>
<p> if (jQuery(document).scrollTop() > bodyOffset.top) {</p>
<p> jQuery('header').addClass('wbg');</p>
<p> $cond = 1;</p>
<p> } else {</p>
<p> jQuery('header').removeClass('wbg');</p>
<p> $cond = 0;</p>
<p> }</p>
<p> });</p>
<p>});</p>
<p> </p>
<p> </p>
<p>댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
