스크롤 위치를 기준으로 불투명도

Question

다음 코드는 scrollTop()이 400px를 초과하면 제대로 작동하지만 "페이드 아웃"할 때 찾지 못했을 때 "맨 위로 이동"버튼이 사라집니다. 나는 정상으로 돌아 간다.

$("#gototop").css("opacity", "0"); 
$(window).bind('scroll', function(){ 
    if($(this).scrollTop() > 400) { 
     $("#gototop").animate({ 
      opacity: 100, 
     }, 3400); 
    } 
}); 

도움이되지 않았다 경우 후 다른 , 내 비 닌자 기술을 다른 옵션을 시도했지만 아무도 일하지. 스크롤이 맨 위로 돌아 왔을 때 페이드 아웃하는 방법에 대한 아이디어가 있습니까?

감사합니다. 첫 번째 핸들러가 그것을해야 내부 (당신이 scrollTop() < 400 경우 테스트하려는 경우 반대하거나 다른 작업을 수행 추가 스크롤 핸들러 중 하나의 라인을 따라

는

Answer 1

내가 사용 끝났다스크롤 위치를 처리하기 위해 waypoints이라는 플러그인.

Answer 2

뭔가.

$(window).bind('scroll', function(){ 
    if($(this).scrollTop() < 400) { 
     $("#gototop").animate({ 
      opacity: 0, 
     }, 3400); 
    } 
}); 

참고하지만, 애니메이션되고이 것을 (스크롤이 400 픽셀 임계 값을 통과 할 때) 스크롤 이벤트에 대한 모든 호출에, 당신은 아마 단지 #gototop의 현재 상태를 기록하는 그래서 아마 변수를 추가 한 번하고 싶어.

if(visible && $(this).scrollTop() < 400) { 
    visible = !visible; 
    //animate 
}