消息关闭
    暂无新消息!


7个回答

︿ 3

也可以这样,拆文件(jsp方案)

<jsp:include page="/tiles/nav.jsp" flush="true" />
<div class="container">
中间变化内容
</div>
<jsp:include page="/tiles/footer.jsp" flush="true" />
︿ 3

如果不跳转页面建议使用pjax;
跳转页面的话直接固定header和footer,CSS position fixed

︿ 1

这要看你的页面结构了啊,如果跳转页面肯定是要动的,如果不跳转只更新中间一部分的数据,那上下肯定是不动的啊。
像你说的这种,肯定是点击导航栏之后更新了中间一部分的数据。或者进行了页面跳转,但是跳转页面和原页面具有相同的头部和尾部。

︿ 0

首先,很感谢你邀请我来回答问题,对于这个问题我个人有以下几种解决方法:

1、采用单页面的方式,内容都写在页面中,初始化时,仅显示当前内容,其他内容隐藏,通过点击导航条来切换需要显示的内容(类似于选项卡,用js,jQuery实现都很简单)。

2、采用iframe的方式,要显示的内容在主html中,内容显示在html的iframe标签中,通过改变iframe的src来加载不同的内容(不是很推荐使用)。

3、你也可以使用框架,像比较简单易学的vue.js,你可以通过配置路由达到点击导航栏切换不同内容的效果;当然了,像angular,react都可以,这就看题主的喜欢了。

最后说点题外话,我看了下题主的导航栏,有点想法,我觉得你可以把所有内容都在当前页面显示出来,给导航栏加上锚点(或者你可以通过设置scrollTop),点击就滚动到相应的内容区。