スクロールするときにdivを上から表示するにはどうすればいいですか？

Question

divが表示され、ヘッダーをスクロールするとスライドが下がります。ここで

は、それがどのように見えるかです：

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

ここで私はこれまで得たものだが、それは働いていません。

http://jsfiddle.net/nHnrd/

Answer 1

それからちょうどjqueryのを使用してscrollTopスプライト値に応じて、DIVを表示または非表示、ヘッダーとページ上の位置の高さを見つける必要があります。例えば

：

// 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

あなただけ表示し、あなたのdivのではなく、疑似クラスを隠し、隠し、

最初に表示したい場合があります。） $（「＃のmydivを」）（隠します。 （スクロール時）： $（ "＃mydiv"）。show（）;

セットは、あなたのdiv簡易メソッドそれを維持、すなわち0,0及び固定

利用見えるようにしたいものを！

Answer 3

jsfiddleを試してみることができました。

これを試してみてください：

http://jsfiddle.net/nHnrd/10/はまた、この記事は参考になりました：
http://www.wduffy.co.uk/blog/keep-element-in-view-while-scrolling-using-jquery/