Sayfayı aşağı kaydırdığınızda scrollTop ile öğeleri gizlemek

Sayfayı aşağı indirdiğinizde örneğin logonun yada bir paragrafın gizlenmesini istiyorsanız aşağıdaki örneği inceleyebilirsiniz.

 

$(window).scroll( function() {
    if( $(this).scrollTop() > 50 ) {
        $("#logo").hide();
    }
    else {
        $("#logo").show();
    }
});

 

Scrool top > 50 ifadesini 0 yaptığınızda aşağı çekmeye başlar başlamaz işlem başlar. Buradaki sayı piksel cinsindendir.

 


0 Yorum

Soru & Yorum


Web Tasarım

Renkli Kare

Web Tasarım Ajansı