slideDown/slideUp для полосы прокрутки

Question

Желательно, чтобы мой навигатор имел эффект slideDown вместо fideIn. Возможно?

Это код с .fideIn:

$(document).ready(function() { 
    $("#navbar").hide(); 

    $(window).scroll(function() { 
     $("#navbar").fadeIn(500); 

     if ($("body").scrollTop() == 0) { 
      $("#navbar").fadeOut(500); 
     } 
    }); 
}); 

Demo

Я попытался изменить .fadeIn -> slideDown но эффект не наблюдается. Зачем? Я делаю некоторые ошибки? Или невозможно применить такой эффект?

Answer 1

Я предполагаю, что вы используете position:fixed;. В этом случае вы, скорее всего, захотите указать ширину, если вы тестируете без содержимого на #navbar. Вот краткий пример: http://jsfiddle.net/82xara3x/

$(document).ready(function() { 
    $("#navbar").hide(); 

    $(window).scroll(function() { 
     $("#navbar").stop().slideDown(500); 

     if ($("body").scrollTop() == 0) { 
      $("#navbar").stop().slideUp(500); 
     } 
    }); 
}); 

#navbar { 
    background: #000; 
    height: 50px; 
    width: 100%; 
    position: fixed; 
    top: 0px; 
} 

прокрутки вниз, и вы должны увидеть его. Надеюсь это поможет!

Редактировать: Показаны ваши HTML и CSS, которые помогут вам в решении вашей проблемы.

Answer 2

Попробуйте брата

$(window).scroll(function(){ 
     if($(this).scrollTop() > 1){ 
      $("#navbar").animate({top:0}, 800); 
     }else{ 
      $("#navbar").animate({top:'-100%'}, 800); 
     } 
});