jquery : 스크롤 할 때 상자의 슬라이드 인 및 슬라이드 아웃

Question

이 코드를 사용하면 페이지가 50px 아래로 스크롤 된 후 오른쪽에서 #slidebox가 슬라이딩됩니다. 150px 스크롤 한 후에 상자가 튀어 나오면 무엇을 추가해야합니까? "< 150"조건의 라인은 저에게 효과가 없었습니다 ... 감사합니다!

<script type="text/javascript"> 
    $(function() { 
    $(window).scroll(function(){ 

    if ($(window).scrollTop() > 50) 
     $('#slidebox').animate({'right':'0px'},300); 

    else 
     $('#slidebox').stop(true).animate({'right':'-430px'},100); 

     }); 
    }); 
</script> 

UPDATE : 이 작업 결과입니다

$(function() { 
$(window).scroll(function(){ 
    if($(window).scrollTop() > 50) { 
     $('#slidebox').animate({'right': '0px'}, 300); 
    } 
    else 
     $('#slidebox').stop(true).animate({'right':'-430px'},100); 

    if($(window).scrollTop() > 500) { 
     $('#slidebox').stop(true).animate({'right':'-430px'},100); 
    } 
}); 

Answer 1

당신이 그런 식으로 시도 할 수 있습니다 :

$(function() { 
     $(window).scroll(function(){ 
      if($(window).scrollTop() > 50) { 
       $('#slidebox').animate({'right': '0px'}, 300); 
      } 
      if($(window).scrollTop() > 150) { 
       $('#slidebox').stop(true).animate({'right':'-430px'},100); 
      } 
     }); 
    });