Bootstrap jquery slideDown没有滑动

Question

Navbar确实出现了，但它只是做popin和popout我希望它在100px向下滚动后向下滑动。

$(document).ready(function(){

  $(window).scroll(function(){
    if($(window).scrollTop() > 100){
      $(".navbar-fixed-top").slideDown();
  }

  if($(window).scrollTop() < 100){
        $(".navbar-fixed-top").slideUp();
  }

  });
});

错误的方法？

Answer 1

试试这个：

jQuery(document).scroll(function() {
    y = jQuery(this).scrollTop();
    if (y > 100) {
        jQuery(".navbar-fixed-top").stop().slideDown();
    } else {
        jQuery(".navbar-fixed-top").stop().slideUp();
    }
});

Answer 2

我只是使用了这个

  (function ($) {
  $(document).ready(function(){
  $(".navbar").hide();
  $(function () {
    $(window).scroll(function () {
      if ($(this).scrollTop() > 100) {
        $('.navbar').fadeIn();
      } else {
        $('.navbar').fadeOut();
      }
    });
  });

});
  }(jQuery));

slideDown与我的CSS样式有冲突：D谢谢！