바닥 글 애니메이션을 감지하기위한 창 스크롤

Question

사용자가 아래로 스크롤 할 때 내 바닥 글을 가져 오려고하지만 사용자가 맨 위로 스크롤 할 때 애니메이션을 적용하려고합니다.

내 코드는 아래로 스크롤 할 때 바닥 글을 움직일 수 있지만 맨 위로 돌아갈 때는 움직이지 않는 것처럼 보입니다.

또한 상단에서 400px 아래로 스크롤하면 애니메이션으로 설정하려고 시도하지만 어떤 이유로 애니메이션을 스크롤하는 순간 발생합니다.

$(function(){ 
    $(window).scroll(function(){ 
    if ($(window).scrollTop()<400){ 
     $("#footer").animate({"bottom" : "0px"}, 3000); 
    }else if($(window).scrollTop()>400){ 
     $("#footer").animate({"bottom" : "-150px"}, 1500); 
    } 
    }); 
}); 

모든 도움을 환영합니다. 코드에서

Answer 1

당신은 OPX 위의 댓글이 바닥 글을 보여줍니다에 따르면

$(window).scroll(function(){ 
    if ($(window).scrollTop()<400){ 
     $("#footer").animate({"bottom" : "0px"}, 3000); 

을 말한다. 즉, 사용자가 스크롤을 시작하고 스크롤되는 거리가 400 픽셀보다 작아지는 즉시 바닥 글이 애니메이션으로 나타납니다. 어느 것이 스크롤을 시작한 첫 번째 순간입니다. 그래서 첫 번째 순간에 바닥 글이 표시됩니다. 나는이 작업을 수행 할 필요가 있다고 생각 :

$(function(){ 
    $(window).scroll(function(){ 
    if ($(window).scrollTop()<400){ 
     $("#footer").stop().animate({"bottom" : "-150px"}, 3000); 
    }else { 
     $("#footer").stop().animate({"bottom" : "0px"}, 1500); 
    } 
    }); 
});