Как настроить навигационную панель сверху при перемещении страницы?

Question

Я создаю небольшой веб-сайт с рамкой Spring и имеет несколько меню на панели навигации (с бутстрапом). и каждое меню написано в другом файле. поэтому, когда он нажимается, изменения не должны быть меню на панели навигации, а только содержимое.

то, что я сделал, это использовать <a> тег для перехода на каждую страницу, но в этом случае перезагружает всю страницу для каждого щелчка. (переход к новой ссылке на странице)

То, что я хочу сделать отображение навигационной панели сверху все время, и когда я нажимаю одно из меню, он изменяет только другие части.

Должен ли я вводить один и тот же код для панели навигации на каждой странице меню?
или есть какой-то шаблон как «jinja» с python?

Answer 1

набор этот метод
добавить к вашей навигационной панели CSS класса

position:fixed; 

Answer 2

Если вы используете Bootstrap вам только нужно использовать это:

<div class="navbar navbar-inverse navbar-fixed-top"> //gives a dark background #222 by default 

или

<div class="navbar navbar-default navbar-fixed-top"> //gives a light background with darker shaded border