아래로 스크롤 할 때 div가 위쪽에서 나타나게하려면 어떻게해야하나요?

Question

div을 표시하고 헤더를 스크롤하여 스크롤하면 아래로 내려갑니다.

여기가 같아야 작업은 다음과 같습니다

http://www.space.com/11425-photos-supernovas-star-explosions.html

가 여기에 지금까지 가지고 있지만 작동하지 않는거야.

http://jsfiddle.net/nHnrd/

Answer 1

그런 다음 바로 보여 헤더의 높이와 페이지의 위치를 ​​찾거나 jQuery를 사용하여 scrollTop 값에 따라 사업부를 숨길 필요합니다. 예를 들어

:

// Get the headers position from the top of the page, plus its own height 
var startY = $('header').position().top + $('header').outerHeight(); 

$(window).scroll(function(){ 
    checkY(); 
}); 

function checkY(){ 
    if($(window).scrollTop() > startY){ 
     $('.fixedDiv').slideDown(); 
    }else{ 
     $('.fixedDiv').slideUp(); 
    } 
} 

// Do this on load just in case the user starts half way down the page 
checkY(); 

그럼 당신은 단지 위치로 .fixedDiv을 설정해야합니다 : 고정 : 상단 : 0; 왼쪽 : 0;

편집 : 페이지가로드 될 때마다 호출 할 수있는 checkY() 함수를 추가했습니다. 처음에는 숨기려면 CSS 만 사용하십시오.

Answer 2

그냥 보여주고 의사 클래스보다 오히려 사업부를 숨기고 숨기고 처음

표시 할 수 있습니다

:. $ ("#의 mydiv") 숨기기(); (스크롤 할 때) : $ ("# mydiv"). show();

세트는 당신은 당신의 사업부는 간단한 방법을 계속 그것을 즉 0,0 고정

사용과 같이하고 싶은!

Answer 3

jsfiddle을 시도해 볼 수있는 것으로 업데이트했습니다.

이 시도 :

http://jsfiddle.net/nHnrd/10/는 또한,이 문서가 도움이되었다 :
http://www.wduffy.co.uk/blog/keep-element-in-view-while-scrolling-using-jquery/