滚动导航

时间:2013-06-22 10:15:18

标签: jquery navigation scroll

我在发帖回答之前已经搜索了Stackoverflow。

所以我想要一个额外的导航,只有当你向下滚动一点点才会显示...直到页面的末尾。

当您向上滚动时,它会停留在那里,但当您到达顶部时,它将被隐藏并显示主静态导航。

以下是我正在谈论的导航示例。

http://watracz.com/向下滚动一点。

此致

2 个答案:

答案 0 :(得分:0)

这应该让你开始:

$(window).scroll(function () {
  if ($(document).scrollTop() > 400) {
    alert("Do stuff");
  }
});

答案 1 :(得分:0)

$(window).bind("scroll", function () {

    var scrollPos = $(window).scrollTop();

    if(scrollPos >= 100 && !$('#hidden-menu').hasClass('vis')) {
        $('#hidden-menu').addClass('vis');
    }

    if(scrollPos <= 100 && $('#hidden-menu').hasClass('vis')){
        $('#hidden-menu').removeClass('vis');
    }

};