jquery로 스크롤하면서 아래로 페이드 인하는 방법

Question

스크롤이 내려가는 동안 로고를 페이드 인시키고 싶습니다. 예를 들어;

는 10px 스크롤 위치 인 경우 : 0.1

스크롤 위치가 100 픽셀이면 로고

-opacity은 :

로고

-opacity이 코드는 케이 1.0

$(window).scroll(function() { 
    var st=$(window).scrollTop(); 
    $('.logo-min').animate({opacity: st}); 
}); 

인 일하지 마라. 이 오류를 가지고 있지 않지만 메신저뿐만 아니라, 해당 페이드 아웃() 함수가있다

$('.logo-min').fadeIn("slow"); 

을 시도해보십시오 스크롤 픽셀

Answer 1

아래처럼 애니메이션 기능으로 시간 범위를 지정해야합니다 :

$(window).scroll(function() { 
    var st=$(window).scrollTop(); 
    $('.logo-min').animate({opacity: st/100},1); // 1 is in miliseconds 
}); 

Answer 2

을 변경할지 여부를 로고의 불투명도는 항상 변화하고 있습니다.