Я хочу изменить заголовок старого шаблона веб-сайта на фиксированный. Итак, всякий раз, когда я прокручиваю вниз или вверх, заголовок будет храниться поверх экрана.
Я знаю, что мне нужно только добавить position: fixed;
в мою таблицу стилей, но поскольку это старый веб-сайт, когда я добавил этот код, остальное содержимое будет расти, а заголовок помещается над содержимым.
Есть ли способ сделать заголовок исправленным, но без повышения содержания?
Я попытался добавить margin-top: 50px
чтобы заголовок и содержимое все еще margin-top: 50px
в старой позиции, но поскольку заголовок будет динамическим (высота заголовка будет изменяться на основе пользователя), этот способ не так хорош для использования.
Спасибо.
Дайте body
padding-top:50px
чтобы заставить зазор
Если заголовок имеет переменную высоту, вам придется использовать javascript, чтобы повторно назначить новое дополнение к телу.
решение jquery
$(function(){
$('body').css({'padding-top': $('#header').height()});
});