Aşağı kaydırırken div, üstten nasıl görünür?

Question

div'un görünmesini ve üstbilgiyi kaydırdığınızda bir kez aşağı kaydırılmasını istiyorum.

İşte benziyor gerekenler:

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

Ben bugüne kadar var ama işe yaramıyor zaten.

http://jsfiddle.net/nHnrd/

Answer 1

Daha sonra sadece göstermek başlığının yüksekliği ve sayfadaki konumunu öğrenmek veya jquery kullanarak scrollTop değerine bağlı olarak div gizlemek gerekir. Örneğin

:

// 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(); 

Sonra sadece pozisyona .fixedDiv ayarlamak gerekir: Sabit: Üst: 0; sol: 0;

Düzenleme: Sayfa yüklendiğinde ve kaydırıldığında her zaman arayabileceğiniz bir checkY() işlevi ekledim. İlk başta olsa gizlemek için sadece CSS'yi kullanın.

Answer 2

sadece göstermek ve sözde sınıfının yerine, div gizlemek VE gizlemek ve başlangıçta

göstermek isteyebilirsiniz

. $ ("# myDiv") hide(); sonra (kaydırma): $ ("# mydiv").

seti size div basit yöntem Keep It yani 0,0 ve sabit

Kullanım benzemeye istediğini!

Answer 3

Jsfiddle'ınızı deneyebileceğiniz bir şeyle güncelledik.

bu deneyin:

http://jsfiddle.net/nHnrd/10/ Ayrıca, bu makale yardımcı oldu:
http://www.wduffy.co.uk/blog/keep-element-in-view-while-scrolling-using-jquery/