Question

民间，

我似乎无法让这个工作，我确信这是因为我是Jquery的新手。

我想要做的就是当jquery scrolltop返回一个等于我标题高度的值时显示一个隐藏的导航栏。我有下面的代码尝试这样做。有人可以帮忙。

var n = $('header').height();
var y = $("body").scrollTop();

/*hide the navbar*/
$('#nav').hide();

/*below is the code that is not working*/
if(y > n) {
    $('#nav').affix({
      offset: {
         top: $('header').height()
      }
    });
    $('#nav').show();
}

Answer 1

试试这个：

$(function(){
   var n = $('header').height();

   /*hide the navbar*/
   $('#nav').hide();

   $(window).scroll(function(){
     if($("body").scrollTop() > n) {
        //adjust you nav offset here.
        $('#nav').show();
     }
     else $('#nav').hide();
   });          
});

有关查询滚动的信息，请参阅此处：http://api.jquery.com/scroll/

每次滚动移动时，您必须评估该条件，以便您的标题相应地出现或消失。

显示基于Jquery Scrolltop的Navbar

1 个答案: