페이드 인 애니메이션을 아래에서 위로 스크롤

Question

페이지의 스크롤 할 때 사이트 로고가 페이지 상단에 계속 나타나는 작은 로고로 바뀌면 코드를 추가 할 수있는 코드 스 니펫이 있습니다. 작은 로고가 상위 DIV의 아래쪽에서 점점 흐려지면서 fadeIn의 애니메이션을 작성한 다음 위로 스크롤하면 DIV의 맨 아래로 사라집니다. 여기

는 내가 지금까지 무엇을 가지고 :

$(window).bind("scroll", function() { 
    if ($(this).scrollTop() > 75) { 
     $(".small-logo").fadeIn('fast'); 
    } else { 
     $(".small-logo").stop().fadeOut('fast'); 
    } 
}); 

는 예를 들어 여기를보세요 내가 가진 : 이 http://jsfiddle.net/3cd06hef/4/

Answer 1

당신이 최고 위치 JsFiddle

으로 재생하여 그 움직임을 달성 할 수

$(window).bind("scroll", function() { 
    if ($(this).scrollTop() > 10) { 
     $(".small-logo").show().animate({top: '10px'}, 500); 
    } else { 
     $(".small-logo").stop().fadeOut("fast"); 
    } 
}); 

CSS