Как я могу предотвратить исчезновение контента под Фиксированным заголовком?

Question

Я создаю бесконечную страницу, т.е.Когда пользователь прокручивает до конца страницы, я загружаю больше контента внизу (точнее, я буду загружать сообщения в блоге), эта часть закончена, однако .....

Мойработодатель попросил, чтобы я добавил скользящую функцию в , чтобы указать и отобразить часть новых сообщений, которые были только что добавлены. Моя проблема заключается в том, что старые сообщения (сверху) исчезают под заголовком с фиксированным заголовком, который отображается вверху, когда я поднимаю 'posts-container'.

Вот более четкое изображение (прокрутите страницу результатов до конца, пожалуйста): http://jsfiddle.net/jlstr/D4BqN/

Итак, в заключение. Не могли бы вы, ребята, научить меня, как сделать макет (для постов), который отображает всесообщения, но не позволяет им исчезнуть под заголовком Fixed-Header?

Заранее спасибо и наилучшими пожеланиями!

Answer 1

Вы должны прокрутить вниз автоматически вместо изменения поля: http://jsfiddle.net/D4BqN/2/.

function $slide() {
    $('body').animate({
        scrollTop: '+=100'
    }, 1000);
}

Это также более интуитивно понятно, поскольку вы на самом деле хотите прокрутить вниз до нового поста. (В настоящее время вы перемещаетесь вверх по элементу, который помещает его за фиксированный заголовок.)

Answer 2

думаю поменять строку

'margin-top': '-=100'

до

'scroll-top': '+=100'

в вашей функции slide() должно работать.