导航栏固定底部位置，当到达滚动位置时切换到静态

Navbar fixed bottom position and switch to static when scroll location reached

本文关键字：位置滚动静态底部导航更新时间：2024-04-16

这在Bootstrap v3中可能吗？我一直在寻找，似乎我必须去定制。

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

这就像顶部的导航栏，但底部的导航栏。

当然，这可能是

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

2将导航条放在页面的末尾

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

3在页面中添加一个类

.affix{bottom:0;}

就是这样。