引导程序jquery slideDown未滑动

Question

Navbar确实出现了，但它只是弹出和弹出，我希望它在向下滚动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谢谢！