jQuery滚动功能没有对齐到div的顶部

Question

我有一个带有按钮的固定导航栏，点击时使用jQuery scrollTop滚动到我网站的不同部分的顶部，但是当点击滚动向下<时，一个按钮不对齐div的顶部/ strong>到div。但是，当向向上向其滚动时，它会与div的顶部对齐。

点击我正在http://www.nickcookweb.co.uk工作的投资组合中的导航栏中的“关于我”按钮，您可以看到我的意思。

如果我尝试向滚动功能添加偏移量，则在向下滚动时对齐，但在向上滚动时则不对齐。

我尝试使用以下.hasClass函数解决这个问题，导航栏在滚动到页面顶部时对按钮应用不同的样式，而不同的类使用不同的滚动函数。当我尝试这个时，导航栏由于某种原因永久地使用了它应该仅在滚动到页面顶部时使用的CSS样式。

if($('.navbar').hasClass($('navbar-scrolled') { //If nav is scrolled past top of screen, switch classes so correct button scroll function is used
    $('#aboutButton-header').addClass('aboutButton-scrolled');
    $('#aboutButton-header').removeClass('aboutButton');
});
else { //If nav positioned at top of page, remove scrolled class for 'About Me' button in header
    $('#aboutButton-header').addClass('aboutButton');
    $('#aboutButton-header').removeClass('aboutButton-scrolled');
}