Javascript 如何防止添加位置后内容跳转：固定到副标题？

我目前正在制作我的新投资组合，您可以在这里看到： 这已经是我的问题了。如您所见，我在我的副标题中添加了一些jquery操作（对于javascript，我确实是一个初学者），以将其位置从inherit更改为fixed/sticky。。但是当改变发生时，我的内容会因为突然出现的空间而跳起来。 »最明显的是“我喜欢与之共事的人”。。。副标题一粘，第一个人就突然消失了

---

有没有办法添加额外的空间或以其他方式防止跳转？

当您将这些子标题更改为“位置：固定”时，它们将从文档流中删除。它们有一个边缘底部：75px，当这种情况发生时，它也会从流中移除

尝试将其更改为页边距顶部：75px为每个子标题下块的开头；当副标题更改位置值时，这不会“消失”，因此应保留间距。

仅供参考，您的文件可能会被重构为如下内容：

var $titles = $("header h2");
$(window).scroll(function(){

    var win_top = $(this).scrollTop();
    $titles.each(function(){
        var div_top1 = $(this).offset().top;
        if (win_top > div_top) $(this).addClass('stick')
        else $(this).removeClass('stick');
    });

});

---

谢谢你，马塞尔，我稍后再试试。@Doretta Dunstrom：另一个提示，它还没有经过测试，所以可能需要一些调整。