스크롤 : 내용 위로 이동

Question

jquery parallax를 사용하여 웹 사이트를 만들고 있습니다. 세 개의 div가 세 개의 다른 페이지에 각각 대응합니다. 배경이 여전히 남아 있습니다 (스크롤 배경 페이지는 여전히 남아 있습니다). 주어진 위치가 고정 된 첫 페이지에 로고 이미지가 있습니다. 그래서 스크롤 로고가 남아 있습니다. 두 번째 페이지에서는 괜찮습니다. 세 번째 페이지에는 div와 함께 올라갈 로고가 필요합니다. 어떻게 할 수 있습니까?

body{ 
    background:url(images/new.jpeg); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    background-attachment:fixed; 
} 

로고 :

<div class="logocenter"> 
    <img src="images/stampedlogo.png" style="width: 200px;height: 200px;position: fixed;" alt="logo"/> 
</div> 

my site

이 도와주세요 참조하십시오, 감사

Answer 1

당신은 할 수

배경 CSS를 JQuery와 시차에 그것에 대한 어떤 기능이 있나요 아래 코드를 사용하십시오 :

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 500) { 
     $('.logocenter').fadeOut(); 
    } 
});