html - 修改为固定页眉

Question

我想将我的旧网站模板标题修改为固定的。因此，每当我向下或向上滚动时，标题都会保持在屏幕顶部。

我知道我只需要添加position: fixed;到我的样式表中，但是由于这是旧网站，所以当我添加此代码时，其余内容会上升，并且标题放在内容上方。

有没有办法让标题固定，但不让内容上升？

我尝试添加margin-top: 50px以使标题和内容仍处于旧位置，但由于标题将是动态的（标题的高度将根据用户而变化），这种方式使用起来不太好。

谢谢你。

Answer 1

给body个padding-top:50px逼间隙

如果标题具有可变高度，您将不得不使用 javascript 为正文重新分配新的填充。

jQuery解决方案

$(function(){
    $('body').css({'padding-top': $('#header').height()});
});