스크롤에 컨트롤 표시

Question

사용자가 페이지 절반 아래로 스크롤하고 위로 스크롤 할 때 페이지를 숨길 때 페이지 하단에 창을 표시하는 쉬운 방법이 있습니까? 그들은 그것을 다시보고 싶지 않으면 닫을 수 있어야합니다.

$(window).scroll(function() { 
     if($(this).scrollTop() > 200) { 
      $('#note').fadeIn(); 
     } else { 
      $('#note').fadeOut(); 
     } 
}); 

$("#note").click(function() { 
     $("#note").fadeOut("slow"); 
     return false; 
}); 

http://jsfiddle.net/Zvx8h/1/

Answer 1

먼저 사용 position:fixed을이 함께 하단에 패널을 유지하기 위해 :

이

내가 지금까지 시도한 것입니다

#note{ 
    display:none; 
    position:fixed; 
    bottom:0; 
    right:0; 
} 

그런 다음 제거를 클릭 한 후 다음과 같은 윈도우의 scroll 이벤트 :

$("#note").click(function() { 
    $("#note").fadeOut("slow"); 
    $(window).off('scroll'); 
}); 

이 데모를 확인하십시오. http://jsfiddle.net/Zvx8h/2/