scrollTop和平滑锚之间的冲突

Question

我在scrollTop（当我滚动显示div）和平滑锚点之间发生冲突（当我点击菜单时，锚点会安静地滚动。）

但是，这些家伙没有结合。

示例：当我在某个菜单中单击并且锚点位于带有scrollTop的元素之后时，滚动将停止在此元素中，并且不会到达确定的锚点。

我有这个：

$(window).scroll(function() {
    if($(this).scrollTop() > 1500){
        $('#1993').fadeIn(1000).css({"display": "inline-block"});
    } else {

    };

    if($(this).scrollTop() > 1900){
        $('#2011').fadeIn(800).css({"display": "inline-block"});
    } else {

    };
});

/** SCROLL TO **/

 $('.goto').on('click', function(){
    var to = $(this).attr('href'); // $(this) is the clicked link. We store its href.
    $('html, body').animate({ scrollTop: ($(to).offset().top)-1}, 850);
    return false;
});

也许原因是fadeIn？