Javascript 在页眉移回页面顶部后，将文本保持在原位

我有一个粘滞的标题，在用户滚动一点后会出现一个按钮。单击该按钮时，页眉会上移到页面顶部，但文本会下移。单击按钮后如何保持文本的位置

此外，如何确保在页眉移回顶部后，文本与页眉之间的边距不会翻倍。这有点难以解释，但你可以自己看。我试着使用

，但是没有用

var closed = false;

$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 55 && !closed) {
        $('.bottomMenu').fadeIn();
    } else {
        $('.bottomMenu').fadeOut();
    }

});
$("div.bottomMenu").on('click', function(){
    $('#header').css('position','static');
    $('div.bottomMenu').hide();
    closed = true;
});

---

不要将

位置更改为
静态
使用
绝对
使收割台远离流动：

$('#header').css('position','absolute');

演示
听起来像是我的网站用导航做的。如果的侧导航栏正在执行您希望看到的操作，那么它正在移动文本，因为您正在将
#header
元素设置为
static
from
fixed
。因此，您将头元素放回文档流中。这会导致文档的高度增加。您可以通过页眉元素的高度来偏移页面滚动。非常好，谢谢。我喜欢当这是一个简单的改变。我实际上传递了这个，因为从雅各布的例子中不清楚这是他想要的行为。如果这确实满足您的标准，.Good point@crush该滚动条由body标签上的100%宽度和边距生成。重新设定利润率也会起作用，看起来会更好