动画ScrollTop和窗口scrollTop不能一起工作

Question

我尝试制作两个 scrollTop 功能。但它不起作用。它有冲突或计算错误。我的第一个功能是固定标题动画，第二个功能是特定部分动画滚动顶部。 第一个功能：

// HEADER SCROLL FUNCTION
$(window).scroll(function(){
    if($(this).scrollTop() > 100) {
        $('.main-menu').addClass('navbar-fixed-top');
    } else {
        $('.main-menu').removeClass('navbar-fixed-top');
    }
});

第二功能：

/* scrollTop function */
$(function () {
   var headerHeight = $(".main-menu").height();

   $('a[href^="\\#"]').on('click',function (e) {

       e.preventDefault();

       var target = this.hash,
       $target = $(target);

       $('html, body').stop().animate({'scrollTop': $target.offset().top - headerHeight}, 1200);
    });
});

这是两个函数的实时示例。

没有标题动画：http://rahulmoral.com/portfolio/goldsafe/

带标题动画的

：http://rahulmoral.com/portfolio/goldsafe-hp/

主要问题是没有标题动画动画scrollTop功能运行良好。但是，当我写标题动画时，它不起作用。我不明白为什么我的代码无效。

感谢。