Слайд к содержанию с фиксированным заголовком позиции

Question

У меня есть страница, на которой, когда вы прокручиваете и помещаете div 'fixed' прямо вверху: 0 становится position:fixed, так что содержимое под ним прокручивается.

Теперь в этом заголовке естькнопки, которые перемещают вас в каждую секцию div с использованием скользящего эффекта.

Когда позиция становится фиксированной, содержимое всплывает примерно на 100 пикселей.

Пример: http://www.screenr.com/Rbts

и вот реальный пример: http://jsfiddle.net/Kat9s/

Как я могу это остановить?

Answer 1

Я добавил класс наполнителя.Этот класс применяется к вашему #content, когда ваш фиксированный элемент становится фиксированным.Это логика проста, она заполняет пространство, когда это необходимо.

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

http://jsfiddle.net/Kat9s/1/