当页面移动时,如何在顶部修复导航栏?

时间:2015-01-06 05:29:21

标签: java spring web layout

我正在使用Spring框架创建一个小型网站,它在导航栏上有一些菜单(带有引导程序)。每个菜单都写在不同的文件中。因此,当它被点击时,更改不应该是导航栏上的菜单,而只是内容。

我所做的是使用<a>标记移动到每个页面,但在这种情况下,每次点击都会重新加载整个页面。 (转到新页面链接)

我想要做的是始终在顶部显示导航栏,当我点击其中一个菜单时,它只会更改其他部分。

我应该在每个菜单的页面上输入相同的导航栏代码吗? 还是有一种模板作为&#39; jinja&#39;用python?

2 个答案:

答案 0 :(得分:0)

设置此方法
将其添加到导航栏CSS类

position:fixed;

答案 1 :(得分:0)

如果您使用的是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