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

Question

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

Answer 1

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

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