jquery - 滚动导航

Question

在发布答案之前，我已经搜索了很多 Stackoverflow。

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

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

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

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

问候

Answer 1

这应该让你开始：

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

Answer 2

$(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');
    }

};