jQuery를 고정 이미지가 스크롤

Question

http://rob.peytongregory.com/

에 갇히지. 나는 jQuery에 대한 지식이 없다고 가정합니다. 이미지는 jQuery를 사용하여 CSS와 페이드를 사용하여 고정됩니다.

도움을 주시면 대단히 감사하겠습니다. IT는 ME라면

<script> 
     document.getElementById('listen-btn').addEventListener('click', function() { 
      document.getElementById('music-player').play(); 
     }); 

    $(window).scroll(function() { 
     if($(window).scrollTop() > $(document).height()*0.5) 
      document.querySelector('#music-player').pause(); 
    }); 

    $(window).bind("scroll", function() { 
     if ($(this).scrollTop() > $(document).height()*0.3) { 
      $("#music-player").fadeIn("slow"); 
     } else { 
      $("#music-player").fadeOut("slow"); 
     } 
    }); 

    $(window).bind("scroll", function() { 
     if ($(this).scrollTop() < $(document).height()*0.2) { 
      $("#listen-btn").fadeIn("slow"); 
     } else { 
      $("#listen-btn").fadeOut("slow"); 
     } 
    }); 

    $(window).bind("scroll", function() { 
     if ($(this).scrollTop() < $(document).height()*0.39) { 
      $(".main-logo").fadeIn("slow"); 
     } else { 
      $(".main-logo").fadeOut("slow"); 
     } 
    }); 
    </script> 

Answer 1

: 나는

가 다음보다 높은 다른 모든 div의에 로고 사업부의 'Z- 색인', 현재 포함 된 div의 로고 사업부를 제거하는이 방법을 시도 할 것 페이드 인 및 페이드 아웃 효과에 의존하지 않습니다.