Navbar固定底部位置,并在到达滚动位置时切换到静态

时间:2013-12-06 15:04:43

标签: javascript jquery html css twitter-bootstrap

这在Bootstrap v3中是否可行?我一直在寻找,似乎我必须去定制。

基本上,我有一个位于内容区域底部的导航栏。加载页面时,如果导航栏代码位置在视口中可见,则位置应为静态,但如果页面较长且代码位置不可见,则位置应固定在底部。

它就像顶级导航栏,但是底部。

1 个答案:

答案 0 :(得分:1)

当然,这是可能的

1加载bootstrap.js,bootstrap.css和jquery.js

2将导航栏放在页面末尾

<div class=navbar data-spy="affix" data-offset-top="1">navbar</div>

3在页面中添加课程

.affix{bottom:0;}

就是这样。