Как сделать заголовок веб-страницы в верхней части страницы при прокрутке?

Question

Хотелось бы, чтобы заголовок моей веб-страницы оставался в верхней части страницы, пока пользователь прокручивает все остальное. Есть довольно много мест в Интернете, которые показывают, как это сделать, например here, но все они требуют указания ширины и высоты элементов в количестве пикселей. Что делать, если я пытаюсь сделать мои элементы отзывчивыми (я использую Bootstrap) и изменяю размеры для соответствия экрану? Как мне заставить заголовок оставаться там, где он изначально?

Answer 1

Поскольку вы используете Bootstrap, он приходит с классом, чтобы сделать это:

Добавьте класс navbar-fixed-top в навигационном DIV следующим образом:

<div class="navbar navbar-default navbar-fixed-top"> .... </div>

Answer 2

Я думаю, вам просто нужно объявить position: fixed в тег заголовка, и это сделает трюк. Вот example

Answer 3

Вы должны использовать положение: фиксированное для внешнего div. поиск фиксированной навигационной панели, вы получите огромный список или обратитесь here