滚动导航答案

【问题标题】：On scroll navigation滚动导航
【发布时间】：2013-06-22 10:15:18
【问题描述】：

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

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

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

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

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

问候

【问题讨论】：

scrollTop() 就是你要找的东西

标签： jquery navigation scroll

【解决方案1】：

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

};

【讨论】：

【解决方案2】：

这应该让你开始：

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

【讨论】：