Как предотвратить скачок содержимого после добавления позиции: исправлено в подзаголовке?

Question

Я сейчас работаю над своим новым портфолио, которое вы можете увидеть здесь: http://katharinakoeth.de/neu/ И это уже моя проблема.Как вы можете видеть, я добавил некоторые действия jquery в мои подзаголовки (я действительно новичок, когда дело доходит до javascript), чтобы изменить его положение с наследовать на фиксированный / липкий ... но когда изменение происходит, мой контент подпрыгивает из-завнезапное пространство.»Это наиболее очевидно с« людьми, с которыми мне нравится работать »... первый человек внезапно исчезает, как только подзаголовок становится липким.

Есть ли способ добавить дополнительное пространство или предотвратить прыжок в другомспособ

Answer 1

К вашему сведению, ваш файл fix.js, вероятно, может быть подвергнут рефакторингу примерно до следующего вида:

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');
    });

});

Answer 2

При изменении этих подзаголовков в положение: исправлено, они удаляются из потока документа.У них есть margin-bottom: 75px, который также удаляется из потока, когда это происходит.

Попробуйте изменить это на margin-top: 75px до начала блоков под каждым подзаголовком;это не «исчезнет», когда подзаголовки изменят значения положения, поэтому ваш интервал должен быть сохранен.