Изменить на фиксированный заголовок

0

Я хочу изменить заголовок старого шаблона веб-сайта на фиксированный. Итак, всякий раз, когда я прокручиваю вниз или вверх, заголовок будет храниться поверх экрана.

Я знаю, что мне нужно только добавить position: fixed; в мою таблицу стилей, но поскольку это старый веб-сайт, когда я добавил этот код, остальное содержимое будет расти, а заголовок помещается над содержимым.

Есть ли способ сделать заголовок исправленным, но без повышения содержания?

Я попытался добавить margin-top: 50px чтобы заголовок и содержимое все еще margin-top: 50px в старой позиции, но поскольку заголовок будет динамическим (высота заголовка будет изменяться на основе пользователя), этот способ не так хорош для использования.

Спасибо.

  • 1
    покажи свой код или скрипку.
Теги:

1 ответ

1
Лучший ответ

Дайте body padding-top:50px чтобы заставить зазор

Если заголовок имеет переменную высоту, вам придется использовать javascript, чтобы повторно назначить новое дополнение к телу.

решение jquery

$(function(){
    $('body').css({'padding-top': $('#header').height()});
});
  • 0
    Спасибо. Я использовал этот метод в своем основном контейнере, и он работает как по волшебству!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню