2017-03-21 2 views
0

다음 jQuery를 사용하여 스크롤 할 때 머리글을 숨기고 스크롤 할 때 표시하려고 시도하지만 이동할 수 없습니다. 작업? slideUp 등이 될 것입니다 모든 내용은 ... 나는 다음과 같은 코드로 사라질 헤더를 얻을 수 있습니다작동하지 않습니다 - 헤더 스크롤 아래쪽 페이지에서 위로 이동하고 위로 스크롤 할 때 위로 이동 jquery

$(document).ready(function() { 
     $(window).scroll(function() { 

      var currentScrollTop = $(this).scrollTop(); 
      if (currentScrollTop > 80){ 
       $('header').slideUp(200);} 
      else { 
       $('header').slideDown(200);}  
     }); 
    }); 

헤더 태그에 있지만 정말 오전 그 기능

$(document).ready(function() { 
     $('body').scroll(function() {   
      $('header').slideUp(200); 
     }); 
    }); 

을 위해 애 쓰고 잘못되어가는? 사전

+0

[jQuery 스크롤 이벤트의 방향을 어떻게 결정할 수 있습니까?] (http://stackoverflow.com/questions/4326845/how-can-i-determine-the-direction-of-a-jquery -scroll-event) –

+0

고마워요.하지만 제가 걱정하는 방향이 아니예요. .scrolltop()이 80px 이상일 때 슬라이드 업을 활성화하기 위해 if 문을 찾고, 사용자가 페이지를 다시 스크롤하면 슬라이딩 할 수 있습니다. –

답변

0

난 당신이 달성하고자하지만 당신은 아마 잘못 발생하는 것이 아니라 document의 사용 .scroll()에 대한 참조로 window의 사용이다 효과가 정말 무엇을 얻을하지 않습니다 감사드립니다.

그래서이 jsFiddle에서 시도한 것처럼 $(document).scroll(function(){...});을 사용해보세요.

관련 문제