如何防止内容在固定标题下消失？

Question

我正在制作无尽的页面，即。当用户滚动到页面的末尾时，我会在底部加载更多内容（我将精确加载博客文章），这部分已完成，但是......

我的雇主要求我添加一个滑动功能，以指示并显示刚添加的新帖子的一部分。 我的问题是当我向上滑动'posts-container'时，旧帖子（在顶部）正在我已经位于顶部的固定标题下消失。

这是一张更清晰的图片（请将结果页面滚动到底部）：http://jsfiddle.net/jlstr/D4BqN/

所以，总结..你们可以教我如何制作一个显示所有帖子的布局（用于帖子），但是防止它们在固定标题下消失吗？

提前致谢和最诚挚的问候！

Answer 1

我认为改变行

'margin-top': '-=100'

到

'scroll-top': '+=100'

slide()函数中的

应该有效。

Answer 2

您应自动向下滚动，而不是更改边距：http://jsfiddle.net/D4BqN/2/。

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

这也更直观，因为您实际上想要向下滚动到新帖子。 （您目前正在向上移动将其置于固定标头后面的元素。）