Javascript 滑动到位置固定的标题内容

我有一个页面，当你滚动并将div'fixed'放在顶部：0时，它会变成

position:fixed

，这样下面的内容就会滚动

现在，在该标题上有一些按钮，它们使用滑动效果将您带到每个div部分

当位置固定时，内容将上升约100px

例如：

下面是一个真实的例子：

---

我怎样才能停止呢？

我添加了一个填充类。当固定元素变为固定元素时，该类将应用于#内容。它的逻辑很简单，在需要的时候可以填充空间

.filler{margin-bottom:140px}

$(window).scroll(function(){
    if( $(window).scrollTop() > stickyHeaderTop ) {
        $('#fixed').addClass("sticky");
        $('#first').removeClass("fixed");
        $('#content').addClass('filler');
    } else {
        $('#fixed').removeClass("sticky");
        $('#content').removeClass('filler');
    }
});