Javascript 将导航固定到顶部，然后在机身上添加边距

目前正在使用此：

    $(function(){ // document ready

      var stickyTop = $('.navigation-wrap').offset().top; // returns number 

      $(window).scroll(function(){ // scroll event  
        var windowTop = $(window).scrollTop(); // returns number
        if (stickyTop < windowTop) {
          $('.navigation-wrap').addClass('sticky');
        }
        else {
          $('.navigation-wrap').removeClass('sticky');
        }
      });

    });

根据页面向下滚动的距离突出显示当前按钮。现在的问题是50px导航覆盖了内容的顶部。如果单击其中一个按钮，页面将向下滚动并覆盖标题

---

有没有办法给代码加上50像素的余量，这样导航就不会碍事了？我确实尝试过使用偏移量，但无法使其正常工作。

是的，请在此行中添加更多像素：

'scrollTop': $target.offset().top+2

例如：

'scrollTop': $target.offset().top+52

---

你可以看一看。

我已经做了，但实际上我加了50，我需要把它拿走！我使用了：

top-50

，当您单击导航时，它会工作，但是当您向下滚动时，它不会工作。我要去看戏！您没有向我们展示

onScroll

函数，因此我无法帮助您。您是对的，我没有意识到我没有，但我已使用此

var scrollPos=$（document.scrollTop（）+50谢谢你的帮助。
'scrollTop': $target.offset().top+52