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

我正在创建一个无休止的页面，即当用户滚动到页面末尾时，我会在底部加载更多内容（确切地说，我会加载博客帖子），这部分已经完成，但是

我的雇主要求我添加一个滑动功能，以指示和显示刚刚添加的部分新帖子我的问题是，当我向上滑动“posts容器”时，旧的posts（在顶部）会消失在顶部的固定标题下

这里有一个更清晰的图片（请将结果页滚动到底部）：

总之。。你们能教我如何（为帖子）做一个布局，显示所有帖子，但防止它们在固定标题下消失吗

---

提前感谢并致以最良好的问候

我想换一条线

'margin-top': '-=100'

到

---

在您的

幻灯片中（）

功能应该可以工作。

您应该自动向下滚动，而不是更改边距：

---

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

您的意思是这样的吗。我为

内容设置了绝对位置。。。。不完全是这样，您的代码隐藏了固定头，因为它具有所有用户选项，所以固定头应该始终可见。所以，你的答案中缺少了这一点。谢谢你的回复，先生，我为我的延迟回复道歉。哇，到目前为止还不错，我现在就在真正的项目上试试这个。我会让你知道结果的。很抱歉延迟回复，我刚在离开办公室时写下了问题。：）精彩的！这很有效！非常非常感谢！顺便说一下，我注意到您滑动了body元素。你能解释一下为什么会这样吗？@user766388:你到底是什么意思？我使用滚动body元素是因为这会使页面向下滚动（或者你是说“slide”？）。我只是觉得滑动body元素太过分了，我只需要滑动一个较小的div。但是不管我说什么，我绝对不是html/css专家。谢谢您的帮助，先生。再次您好，我刚刚注意到这个解决方案在Firefox中不起作用。我相信这与scrollTop属性有关（可能），你知道有什么解决方法吗？再次感谢您。谢谢，我相信这对您的CSS/HTML大师来说是显而易见的。我真是太感谢你了，一个问题就能学到这么多东西真是太神奇了。
'scroll-top': '+=100'

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