javascript - 导航栏固定底部位置并在到达滚动位置时切换到静态

Question

这在 Bootstrap v3 中可行吗？我一直在搜索，看来我必须去定制。

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

它类似于顶部导航栏，但用于底部。

Answer 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;}

就是这样。