HTML导航在屏幕底部，并粘贴到顶部

Question

我想为导航创建一个效果（例如：http://theme.co/x/)。我希望每次刷新屏幕底部的页面时，以及向下滚动到顶部时，导航都是这样。有什么建议吗？

Answer 1

将事件侦听器附加到滚动事件，当滚动位置大于所需位置时，向nav元素添加一个类，将其设置为position到fixed，top到0。

Answer 2

theme.co网站，将事件附加到滚动事件，并添加或删除css类(http://theme.co/x/wp-content/themes/x-child-custom/framework/js/x-custom.js)：

$window.scroll(function() {
      var $menutop = $navbarWrap.offset().top - $navbar.outerHeight();
      var $current = $this.scrollTop();
      if ($current >= $menutop) {
        $navbar.addClass('x-navbar-fixed-top');
      } else {
        $navbar.removeClass('x-navbar-fixed-top');
      }
    });