Javascript 从html面板底部向上推一个div，但不要推到正文文本的顶部

我看到顶部有一个“向下推”的通知，如本网站所示：

请注意，它向下推送其他内容，而不是放在上面

我想做的似乎有点棘手，但我希望可能。我想有一个信息栏俯卧撑，而不是被认为是滚动区域的一部分

换句话说，假设视口的高度为500px，50px信息栏会向上推。视口的可滚动区域将为450px高，右侧的滚动条高度从0到450px

因此，实际上，可滚动视口从底部开始缩小，当一直向下滚动时，页面内容的底部就在信息栏的顶部

我很关心它的动画制作，但首先希望看到这样一个div的CSS在位置上。

将样式“position:absolute”添加到“push-down”中